เทมเพลตหน้าแลนดิ้ง
3 นาที
archbee มีแม่แบบหน้าแลนดิ้งแบบไวท์เลเบลเพื่อให้คุณสามารถสร้างหน้าแลนดิ้งที่มีแบรนด์สำหรับพอร์ทัลเอกสารของคุณได้อย่างง่ายดาย วิธีรับ custom code จากคลัง git ของเรา (เร็วๆ นี้) คัดลอกโค้ดแบบกำหนดเองจากเอกสารของเราไปยัง space settings เทมเพลต 1 docid\ p9zaj0ewis9ipsa cdhtlเทมเพลต 2 docid 3cmxc1asg8pzacgzbanho วิธีใช้งาน ในการตั้งค่าหน้าแลนดิ้งแบบกำหนดเอง คุณต้องคัดลอกโค้ดของเราไปที่ space settings > ส่วน custom code และ landing page สำหรับแต่ละเทมเพลต คุณจะมี 3 ไฟล์ index html , script js และ style css คุณสามารถหาไฟล์ทั้ง 3 ได้ด้านล่างสำหรับแต่ละเทมเพลต เทมเพลต 1 docid\ p9zaj0ewis9ipsa cdhtlเทมเพลต 2 docid 3cmxc1asg8pzacgzbanho แท็บ include headers คัดลอกส่วน include headers จากไฟล์ index html วางลงในส่วน include headers ของ space settings > custom code ตรวจสอบให้แน่ใจว่าโค้ดมีแท็ก \<head> และกด save แท็บ custom css คัดลอกเนื้อหาจากไฟล์ stlye css และเพิ่มลงในส่วน custom css จาก space settings > custom code โดยต้องแน่ใจว่าครอบด้วยแท็ก \<style>\</style> โค้ดสไตล์เริ่มต้นด้วยตัวแปรต่าง ๆ ซึ่งสามารถใช้ปรับธีมของหน้าได้ง่าย \ root { \ accent text #2166ae; \ secondary text #0a4563; \ primary text #24292e; \ background color #fff; \ primary link #999; \ accent link var( accent text); \ header title color #fff; \ header subtitle color #fff; } custom javascript คัดลอกโค้ดจาก script js เพิ่มไปยังส่วน custom javascript จาก space settings > custom code ตรวจสอบให้แน่ใจว่าครอบด้วยแท็ก \<script>\</script> landing page html คัดลอกโค้ด html จาก index html โดยเริ่มจากคอมเมนต์ \<! start landing page > เลือกประเภทหน้าแลนดิ้ง custom html แล้วเพิ่มโค้ด html ลงในคอนเทนเนอร์ที่ปรากฏด้านล่าง วิธีปรับแต่งโค้ด โลโก้ + รูปภาพ รูปภาพและโลโก้ทั้งหมดถูกกำหนดด้วยตัวแทนในรูปแบบ \<img src="https //placehold co/ " /> ดังตัวอย่างด้านล่าง ลิงก์ navbar navbar มีลิงก์หลายรายการที่ใช้สำหรับนำทางทั้งภายในและภายนอกเอกสาร ที่ท้ายรายการมีลิงก์ที่ถูกคอมเมนต์ไว้เพื่อให้เพิ่มลิงก์อื่นได้หากต้องการ ส่วน hero ประกอบด้วยภาพพื้นหลัง หัวข้อ และคำบรรยาย (สีสามารถเปลี่ยนได้ในส่วนสไตล์ที่ชื่อว่า styles docid 0th417utmu9dz8dfkci 4 ) บล็อกเอกสาร รายการของบล็อกที่มีไอคอน ชื่อ คำอธิบาย และปุ่ม ซึ่งมักใช้ในการนำไปยังเอกสาร ตัวอย่างจะถูกคอมเมนต์ไว้ท้ายรายการ
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.