คุณต้องการค้นหาวิธีสร้างเมนูนำทางหน้าเดียวใน Elementor ?

มีเว็บไซต์ที่มีเพียงหน้าเดียว (หน้าแรก) แม้ว่าคุณจะคลิกที่รายการเมนูการนำทาง คุณจะถูกนำไปยังส่วนอื่นของหน้าเดียวกันแทนที่จะเป็นหน้าอื่น

วัตถุประสงค์ของประเภทนี้ เว็บไซต์เว็บ คือเพื่อให้แน่ใจว่า ผู้เข้าชม มุ่งเน้นไปที่เนื้อหาของคุณ นอกจากเนื้อหาแล้ว องค์ประกอบหลักอีกประการของก เว็บไซต์เว็บ ไปที่หน้าคือเมนูการนำทาง ใน Elementorมันง่ายมากที่จะสร้างเมนูนำทางของ เว็บไซต์เว็บ ไปที่หน้าเดียว

บทความนี้จะแสดงให้คุณเห็นว่า

เพื่อให้คุณเห็นภาพรวม นี่คือตัวอย่างเมนูการนำทางเว็บไซต์แบบหน้าเดียว

สร้างเมนูนำทาง One Page ใน Elementor

ดังที่กล่าวไปแล้วว่าการสร้างเมนูนำทางของเว็บไซต์หน้าเดียวเหมือนกับที่กล่าวมาข้างต้นนั้นไม่ใช่เรื่องยาก Elementor.

แม้ว่าส่วนเสริมบางอย่างเช่น ส่วนเสริมที่จำเป็น et PowerPackมาพร้อมกับวิดเจ็ตสำหรับสร้างการนำทางบนเพจ คุณยังสามารถสร้างโดยไม่ต้องติดตั้งส่วนเสริม

แนวคิดหลักคือการชี้รายการเมนูไปยังส่วนใดส่วนหนึ่งของหน้า ในการทำเช่นนี้ คุณต้องเพิ่ม CSS ID ในส่วนที่คุณต้องการชี้ไป

อ่าน: วิธีกำหนดตำแหน่งที่กำหนดเองสำหรับเมนูมือถือใน Elementor

ลองมาดูตัวอย่างกัน

สมมติว่าคุณมีรายการเมนูชื่อ "ชั้นเรียน" และคุณต้องการ ผู้เข้าชม ถูกนำไปยังส่วน "ชั้นเรียน" ของเว็บไซต์หนึ่งหน้าของคุณทุกครั้งที่คลิกที่รายการเมนู "ชั้นเรียน"

ขั้นแรก แก้ไขหน้าด้วย Elementor แล้วเลือกส่วน "ชั้นเรียน" (ใช้เบราว์เซอร์เพื่อความสะดวกของคุณ)

สร้างเมนูนำทาง One Page ใน Elementor

เมื่อเลือกส่วนชั้นเรียนแล้ว ให้ไปที่แท็บ สูง จากแผงด้านซ้ายและเปิดบล็อก สูง. เข้าสู่CSS ID ของส่วนในสนาม CSS ID.

สร้างเมนูนำทาง One Page ใน Elementor

ทำซ้ำขั้นตอนข้างต้นสำหรับส่วนอื่นๆ ที่คุณต้องการกำหนดให้กับรายการเมนู

การเรียกตัวระบุ CSS

คุณสามารถใช้วิดเจ็ต Elementor ที่มีตัวเลือกในการเพิ่มลิงก์เพื่อเรียก CSS ID แต่ละรายการที่คุณเพิ่มลงในส่วน เพียงวางรหัส CSS ในช่องลิงค์ เพิ่ม " # เป็นคำนำหน้า

สร้างเมนูนำทาง One Page ใน Elementor

หากคุณต้องการใช้วิดเจ็ต Nav Menu คุณสามารถเปลี่ยนเมนูที่คุณใช้ ในช่อง URL ของแต่ละรายการเมนู ให้พิมพ์ CSS ID โดยมี "#" เป็นคำนำหน้า

รับ Elementor Pro ทันที!!!

สรุป

ที่นี่ ! เพียงเท่านี้บทความนี้ก็จะแสดงให้คุณเห็นว่า สร้างเมนูเต็มหน้าจอใน Elementor. หากคุณมีข้อสงสัยเกี่ยวกับวิธีการเดินทาง โปรดแจ้งให้เราทราบภายใน ความเห็น.

อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...