การเปิดใช้งานการนำทางหน้าเดียวทำได้ง่ายและสามารถทำได้เป็นรายบุคคล ทุกครั้งที่คุณสร้างหรือแก้ไขเพจ ให้มองหาช่อง "การตั้งค่า" Divi ทางด้านขวาของโปรแกรมแก้ไขข้อความของคุณ ในกล่องนี้ คุณจะเห็นตัวเลือก การนำทางโดย คะแนน เลือก "เปิด" จากเมนูแบบเลื่อนลงจากนั้นบันทึกหน้า ตอนนี้คุณจะสังเกตเห็นว่ามีการเพิ่มแถบนำทางแบบลอยที่ด้านขวาของเพจของคุณ
แถบนำทางแบบจุดจะเพิ่มลิงก์ที่คลิกได้ไปยังทุกส่วนของหน้าโดยอัตโนมัติ เมื่อคุณเพิ่มส่วนใหม่ลิงก์ใหม่ (หรือจุด) จะถูกเพิ่มลงในการนำทางด้านลอยของคุณโดยอัตโนมัติ
ผู้ใช้สามารถคลิกที่จุดเพื่อนำทางไปยังส่วนต่างๆ ของหน้าได้ นอกจากนี้ยังช่วยให้ระบุตำแหน่งของสถานที่ได้ง่ายขึ้น ผู้มาเยือน บนหน้าทำให้ง่ายต่อการเข้าใจและนำทางหน้ายาวๆ
สร้างลิงค์เมนูที่กำหนดเองสำหรับเว็บไซต์หนึ่งหน้า
นอกจากการนำทางด้านข้างแล้ว คุณยังเปลี่ยนการนำทางส่วนหัวหลักเป็นการนำทางหน้าเดียวได้อีกด้วย หากคุณสร้าง เว็บไซต์เว็บ ของหน้า คุณไม่ต้องการให้ลิงก์เมนูชี้ไปที่หน้าแยกกัน ลิงก์เหล่านี้สามารถชี้ไปยังส่วนที่เกี่ยวข้องในหน้าเดียวกันได้
เมื่อคลิกพวกเขาสามารถนำคุณไปยังส่วนที่เกี่ยวข้องของหน้าโดยใช้เอฟเฟกต์การเลื่อนที่ราบรื่น สามารถทำได้โดยใช้ตัวระบุส่วนบุคคล องค์ประกอบใด ๆ ของเพจที่สร้างด้วยตัวสร้างสามารถกำหนด ID ได้
คุณสามารถกำหนด ID ให้กับส่วนได้โดยคลิกที่ไอคอนการตั้งค่าส่วนและมองหาการตั้งค่า "CSS ID" เมื่อกำหนดตัวระบุแล้วคุณสามารถเข้าถึงได้จากเมนูการนำทาง
ตัวอย่างเช่นสมมติว่าคุณมีส่วนที่เรียกว่า "เกี่ยวกับเรา" และคุณต้องการให้เชื่อมต่อกับส่วนของหน้าเว็บที่อธิบายถึงธุรกิจของคุณ
ชี้ลิงก์เมนูไปยังตัวระบุ
ในการสร้างลิงก์เมนูที่กำหนดเองคุณจะต้องเพิ่มลิงก์ใหม่ไปยังเมนูของคุณโดยใช้แท็บ“ ลักษณะที่ปรากฏ> เมนู” ในแผงควบคุม WordPress ของคุณ หากคุณไม่คุ้นเคยกับระบบเมนูโปรดดู กวดวิชาที่ยอดเยี่ยมนี้. เมื่อคุณสร้างเมนูใหม่และกำหนดให้กับตำแหน่งการนำทางหลักแล้ว คุณสามารถเริ่มเพิ่มลิงก์ไปยังส่วนหัวของคุณได้
ในกรณีนี้เราจะสร้างลิงก์ที่กำหนดเองโดยคลิกที่แท็บ "ลิงก์" ทางด้านซ้ายของหน้า เมื่อคลิกแล้วคุณจะได้รับสองช่อง (URL และข้อความลิงก์) สำหรับ "ข้อความลิงก์" เพียงแค่ป้อนข้อความที่คุณต้องการให้แสดงในเมนูของคุณ (ตัวอย่างเช่น "เกี่ยวกับเรา")
สำหรับ URL เราจำเป็นต้องเชื่อมโยงกับ ID ที่เรากำหนดไว้ก่อนหน้านี้ให้กับส่วนของเรา ในกรณีนี้เราได้เพิ่มชื่อผู้ใช้ "เกี่ยวกับเรา" แต่คุณสามารถเพิ่มชื่อรหัสใดก็ได้ที่คุณต้องการ เนื่องจากเราใช้ ID“ aproposdenous” เราจึงสามารถเชื่อมโยงกับตัวระบุนี้ได้โดยสร้าง URL ที่ชี้ไปที่“ / #aboutdenous”
คุณสามารถใช้วิธีเดียวกันนี้เพื่อสร้างลิงก์ที่กำหนดเองได้มากเท่าที่คุณต้องการ เพียงป้อน URL "/ #" ตามด้วยรหัสที่คุณต้องการกำหนดเป้าหมาย
ทั้งหมดนี้สำหรับบทช่วยสอนนี้ฉันหวังว่าจะช่วยให้คุณสามารถสร้างไซต์ "หน้าเดียว" ได้
