วิธีเพิ่มเมนูแบบเลื่อนลงใน WordPress – คู่มือสำหรับผู้เริ่มต้นใช้งาน
เผยแพร่แล้ว: 2021-12-09การเพิ่มเมนูแบบเลื่อนลงใน WordPress เป็นวิธีที่เรียบร้อยในการแสดงรายการบนไซต์ของคุณ ทำให้ไซต์ของคุณดูมีระเบียบ ให้สัมผัสที่ดูมีเทคโนโลยีกับรูปลักษณ์โดยรวม และทำให้เว็บไซต์ของคุณใช้งานได้ง่ายสำหรับผู้ใช้
ส่วนที่ดีที่สุด – ใช้เวลาเพียงไม่กี่นาทีในการเรียนรู้วิธีเพิ่มเมนูแบบเลื่อนลงใน WordPress
มันไม่น่าตื่นเต้นเหรอ?
ในคู่มือเริ่มต้นสั้นๆ นี้ เราจะอธิบายว่าเมนูแบบเลื่อนลงคืออะไร วิธีทำงาน และวิธีสร้างเมนูแบบเลื่อนลงสำหรับเว็บไซต์ของคุณ ในการดำเนินการให้เสร็จสิ้น คุณจะได้เรียนรู้วิธีแก้ไขเมนูแบบเลื่อนลงเพื่อให้เหมาะกับความต้องการของคุณ
เพื่อไม่ให้เป็นการเสียเวลา เรามาเรียนรู้กัน
สารบัญ
- เมนูแบบเลื่อนลงใน WordPress คืออะไร?
- ทำไมคุณจึงควรใช้เมนูแบบเลื่อนลงใน WordPress?
- จะเพิ่มเมนูแบบเลื่อนลงใน WordPress ได้อย่างไร?
- ขั้นตอนที่ 1: สร้างเมนู WordPress
- ขั้นตอนที่ 2: การเพิ่มรายการลงในเมนูที่คุณสร้าง
- ขั้นตอนที่ 3: สร้างเมนูแบบเลื่อนลงโดยจัดเรียงรายการย่อย
- ขั้นตอนที่ 4: เผยแพร่เมนูแบบเลื่อนลงใหม่ของคุณ
- วิธีแก้ไขเมนูแบบเลื่อนลงใน WordPress
- 1. การลบรายการย่อยสำหรับเมนูแบบเลื่อนลง
- 2. การเรียงลำดับรายการใหม่
- 3. การลบเมนูแบบเลื่อนลง
- เคล็ดลับที่เป็นประโยชน์บางประการในการสร้างเมนูแบบเลื่อนลงแบบโต้ตอบ
- 1. การสร้างเมนูแบบเลื่อนลงหลายระดับ
- 2. การสร้างเมนูแบบเลื่อนลงหลายรายการ
- 3. การสร้างเมนูด้วย Live Preview
- 4. การสร้างเมนูเมก้าแบบเลื่อนลงขนาดใหญ่
- ห่อ
เมนูแบบเลื่อนลงใน WordPress คืออะไร?
เมนูแบบเลื่อนลงโดยพื้นฐานแล้วเป็นส่วนหนึ่งของระบบการจัดการเมนูที่เพิ่มลิงก์ไปยังเมนูการนำทาง หากคุณไม่ทราบถึงเมนูการนำทาง เมนูเหล่านี้คือลิงก์ไปยังหน้าหลักของเว็บไซต์ของคุณ โดยปกติแล้วจะอยู่ที่ด้านบนของหน้า ดังตัวอย่างด้านล่าง:

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

อย่างที่คุณเห็น การเพิ่มเมนูแบบเลื่อนลงช่วยให้คุณบันทึกปัญหาพื้นที่จำกัด และมอบรูปลักษณ์ที่เป็นระเบียบให้กับเว็บไซต์ WordPress ของคุณ
ทำไมคุณจึงควรใช้เมนูแบบเลื่อนลงใน WordPress?
หากคุณมีไซต์ WordPress ใหม่ และเพิ่งเริ่มต้นกับบล็อกใหม่ คุณอาจมีหน้าเว็บไม่มากนัก แต่เมื่อไซต์ของคุณเติบโตขึ้น คุณจะเริ่มเพิ่มเนื้อหาและผลิตภัณฑ์หลายรายการ จากนั้น คุณต้องเพิ่มเมนูอื่นๆ ให้กับเว็บไซต์ของคุณเพื่อประสบการณ์การท่องเว็บที่ดียิ่งขึ้น
อย่างไรก็ตาม เมนูที่เรียงกันมากเกินไปดูยุ่งเหยิงและค่อนข้างไม่เป็นมืออาชีพ นอกจากนี้คุณไม่ควรพลาดที่จะรวมพวกเขาด้วย นี่คือที่ที่คุณต้องการเมนูแบบเลื่อนลง
เมนูแบบเลื่อนลงจะช่วยคุณเพิ่มรายการโดยไม่ทำให้เมนูการนำทางรก ช่วยให้คุณใช้ประโยชน์จากพื้นที่จำกัดได้อย่างมีประสิทธิภาพ
นี่คือสาเหตุหลักในการใช้เมนูแบบเลื่อนลงใน WordPress:
- ช่วยให้คุณจัดระเบียบรายการต่างๆ ได้อย่างเรียบร้อยบนเมนูการนำทาง
- คุณสามารถใช้พื้นที่ได้อย่างมีประสิทธิภาพ
- เมนูแบบเลื่อนลงทำให้ไซต์ของคุณดูมีรายละเอียดและเป็นมืออาชีพมากขึ้น
- คุณสามารถจัดเรียงเมนูตามลำดับชั้นของหัวข้อได้
- มันทำให้เว็บไซต์ของคุณนำทางได้สูงและปรับปรุงประสบการณ์การท่องเว็บ
จะเพิ่มเมนูแบบเลื่อนลงใน WordPress ได้อย่างไร?
การสร้างและเพิ่มเมนูแบบเลื่อนลงเป็นเรื่องง่าย ด้วยการคลิกไม่กี่ครั้งที่นี่และที่นั่นใน WordPress คุณสามารถทำได้ในเวลาเพียงไม่กี่นาที นี่คือขั้นตอน:
ขั้นตอนที่ 1: สร้างเมนู WordPress
ขั้นแรก คุณต้องสร้างเมนูเพื่อเพิ่มลงในเมนูการนำทางของคุณ นี่คือวิธีการ:
- เข้าสู่ระบบแดชบอร์ด WordPress ของคุณ
- ไปที่ "ลักษณะที่ปรากฏ" และคลิกที่ตัวเลือก "เมนู"

- คุณจะเห็นลิงก์ " สร้างเมนูใหม่" ที่ด้านบน คลิกที่มัน

- ป้อนชื่อเมนูในช่องที่กำหนดและคลิกที่ปุ่ม "สร้างเมนู" ด้านล่าง

หลังจากทำเช่นนี้ WordPress จะสร้างเมนูใหม่ให้กับคุณ อย่างไรก็ตามมันเป็นเมนูว่าง คุณยังต้องเพิ่มรายการในเมนูของคุณ ไปที่ขั้นตอนที่สองกัน
ขั้นตอนที่ 2: การเพิ่มรายการลงในเมนูที่คุณสร้าง
หลังจากสร้างเมนูใหม่แล้ว คุณควรเพิ่มรายการลงไป รายการเมนูเป็นเพียงลิงก์ไปยังหน้าหรือส่วนต่างๆ ในเว็บไซต์ของคุณ ลิงก์ดังกล่าวทำให้ผู้เข้าชมสามารถไปยังส่วนต่างๆ ของไซต์ได้ง่ายขึ้น นี่คือวิธีการเพิ่มรายการในเมนู:
- ทางด้านซ้าย คุณจะเห็นส่วนที่ชื่อว่า “เพิ่มรายการเมนู” ในส่วนนั้น คุณจะเห็นรายการหน้าที่คุณสามารถเพิ่มลงในเมนูได้
- เลือกหน้าที่คุณต้องการเพิ่มในเมนูที่คุณสร้างขึ้น
- หลังจากนั้นให้คลิกที่ปุ่ม "เพิ่มในเมนู" ด้านล่าง

- คุณจะเห็นหน้าที่เลือกปรากฏในส่วน "โครงสร้างเมนู"
- คุณยังสามารถเพิ่มโพสต์ หน้า Landing Page ลิงก์แบบกำหนดเอง และตัวเลือกอื่นๆ ลงในเมนูของคุณได้ แทนที่จะขยาย "หน้า" ให้ ขยายส่วนที่เกี่ยวข้องจากส่วน "เพิ่มรายการเมนู" จากนั้น เพิ่มลงในเมนูของคุณเหมือนที่เคยทำไว้ก่อนหน้านี้

- คลิกที่ปุ่ม "บันทึกเมนู" ที่ด้านล่างเมื่อคุณทำเสร็จแล้ว
ขั้นตอนที่ 3: สร้างเมนูแบบเลื่อนลงโดยจัดเรียงรายการย่อย
หลังจากเพิ่มหน้า/โพสต์/ลิงก์ที่กำหนดเองใน "โครงสร้างเมนู" แล้ว คุณต้องทำให้เป็นเมนูแบบเลื่อนลง มิฉะนั้น รายการเหล่านั้นทั้งหมดจะปรากฏเป็นรายการปกติในเมนูการนำทาง คุณสามารถสร้างเมนูแบบเลื่อนลงได้โดยใช้โครงสร้างหลักและรอง

รายการหลักเป็นรายการส่วนหัวหลักที่จะโฮสต์รายการย่อย ในทำนองเดียวกัน รายการย่อยคือลิงก์ที่ปรากฏขึ้นเมื่อผู้ใช้วางเมาส์เหนือรายการหลัก นี่คือวิธีที่คุณทำ:
- คลิกรายการที่คุณต้องการสร้างรายการย่อย
- ตอนนี้ลากไปข้างใต้รายการที่คุณต้องการสร้างพาเรนต์ อย่างไรก็ตาม อย่าลืมวางรายการย่อยไปทางขวาเล็กน้อย

- WordPress กำหนดแท็ก "sub-item" ให้กับรายการย่อยที่คุณเพิ่งสร้างขึ้น คุณสามารถเพิ่มรายการย่อยได้มากเท่าที่คุณต้องการในรายการหลักที่เกี่ยวข้อง เมื่อเสร็จแล้วให้คลิกที่ปุ่ม "บันทึกเมนู" ด้านล่าง
ขั้นตอนที่ 4: เผยแพร่เมนูแบบเลื่อนลงใหม่ของคุณ
แม้จะสร้างเมนูแบบเลื่อนลงใน "โครงสร้างเมนู" แล้ว ก็ยังไม่ปรากฏบนเว็บไซต์ของคุณ เป็นเพราะคุณเพิ่งสร้างเมนูและยังไม่ได้เผยแพร่ จึงต้องเผยแพร่
นี่คือวิธีที่คุณทำ:
- หลังจากเพิ่มรายการทั้งหมดในเมนูแล้ว ให้เลื่อนลง คุณจะพบ การตั้งค่าเมนู ที่ด้านล่าง
- คุณจะเห็น " ตำแหน่งที่แสดง" จากนั้นคลิกที่ " เมนูหลัก "
- คลิกที่ปุ่ม “บันทึกการเปลี่ยนแปลง” ด้านล่าง
- เมนูแบบเลื่อนลงจะปรากฏขึ้นบนเว็บไซต์ของคุณ

วิธีแก้ไขเมนูแบบเลื่อนลงใน WordPress
คุณได้เรียนรู้วิธีเพิ่มเมนูแบบเลื่อนลงใน WordPress แล้ว เมื่อเวลาผ่านไป คุณอาจจำเป็นต้องทำการเปลี่ยนแปลง นี่คือวิธีแก้ไขเมนูที่คุณสร้าง:
1. การลบรายการย่อยสำหรับเมนูแบบเลื่อนลง
หากต้องการลบรายการออกจากเมนูแบบเลื่อนลง ให้ทำตามขั้นตอนเหล่านี้:
- ไปที่ ลักษณะที่ ปรากฏ > เมนู บน WordPress . ของคุณ
- ตรวจสอบให้แน่ใจว่าคุณอยู่ในแท็บ "แก้ไขเมนู"
- ใน "โครงสร้างเมนู" ให้ คลิกที่ลูกศรแบบเลื่อนลงข้างรายการที่คุณต้องการนำออก

- คลิกที่ลิงค์ "ลบ"
- บันทึกการเปลี่ยนแปลง
2. การเรียงลำดับรายการใหม่
หากคุณต้องการจัดเรียงรายการเมนูใหม่ ให้ทำตามขั้นตอนเหล่านี้:
- ขั้นแรก ลากรายการเพื่อวางตำแหน่งที่คุณต้องการจากตัวแก้ไขเมนู
- เพียงแค่วางรายการ บันทึกการเปลี่ยนแปลงเมื่อคุณพอใจ

3. การลบเมนูแบบเลื่อนลง
ในกรณีที่คุณต้องการลบทั้งเมนู:
- เลือกเมนูที่คุณต้องการลบออกจาก WordPress
- คุณจะเห็นตัวเลือก "ลบเมนู" ที่ด้านล่าง คลิกที่มัน

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

2. การสร้างเมนูแบบเลื่อนลงหลายรายการ
คุณสามารถสร้างเมนูแบบเลื่อนลงได้หลายเมนูในแถบเมนูหลักของคุณเพื่อเชื่อมโยงหน้าต่างๆ ของไซต์ของคุณ

3. การสร้างเมนูด้วย Live Preview
ธีม WordPress จำนวนมากเสนอเครื่องมือปรับแต่งที่ให้การแสดงตัวอย่างแบบสดในขณะที่ปรับแต่งธีม การสร้างเมนูไซต์ของคุณด้วยการแสดงตัวอย่างแบบสดจะทำให้คุณมีความคิดที่ชัดเจนว่าจะมีลักษณะเป็นอย่างไรในส่วนหน้า
- ไปที่ตัวเลือก ลักษณะที่ ปรากฏ > ปรับแต่ง บนแดชบอร์ด WordPress ของคุณเพื่อเข้าถึงตัวปรับแต่ง

- คุณจะเห็นตัวเลือก เมนู ในตัวปรับแต่ง ตำแหน่งของตัวเลือกนี้อาจแตกต่างกันไปตามธีมที่คุณใช้

- ที่นี่คุณจะพบตัวเลือกในการสร้างเมนูใหม่หรือลากเมนูเพื่อทำให้เป็นเมนูหลัก รอง หรือตติยภูมิ การเพิ่ม การลบ และการสั่งซื้อรายการเมนูจะเหมือนกับที่อธิบายไว้ในขั้นตอนข้างต้น
4. การสร้างเมนูเมก้าแบบเลื่อนลงขนาดใหญ่
เมนูแบบเลื่อนลงทั่วไปจะแสดงเฉพาะเมนูย่อยที่จำกัด อย่างไรก็ตาม คุณยังสามารถแสดงโครงสร้างทั้งหมดของไซต์ได้เมื่อผู้ใช้วางเมาส์เหนือเมนูหลัก นี่คือขั้นตอน:
- ขั้นแรก คุณต้องดาวน์โหลดและติดตั้งปลั๊กอิน Mega Menu จาก wordpress.org จากนั้นเปิดใช้งานปลั๊กอิน
- ไปที่ตัวเลือก การตั้งค่า ของปลั๊กอินและทำการเปลี่ยนแปลงที่จำเป็น
ห่อ
คุณจะเห็นว่าใช้เวลาเพียงไม่กี่คลิกและไม่กี่นาทีในการเพิ่มเมนูแบบเลื่อนลงใน WordPress อย่างไรก็ตาม จำนวนและตำแหน่งของเมนูที่คุณสามารถเพิ่มได้อาจแตกต่างกันไปในแต่ละธีม ดังนั้น ตรวจสอบให้แน่ใจว่าได้เลือกรูปแบบที่ถูกต้องสำหรับไซต์ของคุณ แทนที่จะเลือกเฉพาะธีมยอดนิยม
อย่างไรก็ตาม การเพิ่มเมนูแบบเลื่อนลงเป็นวิธีที่ยอดเยี่ยมในการปรับปรุงประสบการณ์การท่องเว็บสำหรับผู้ใช้ของคุณ ทำให้ไซต์ของคุณดูมีระเบียบและง่ายต่อการนำทางรอบๆ เว็บไซต์ของคุณ
เราหวังว่าคุณจะพบว่าคู่มือสำหรับผู้เริ่มต้นนี้มีประโยชน์ อย่าลืมเขียนความคิดเห็นของคุณในส่วนความคิดเห็นด้านล่าง
คุณสามารถตรวจสอบวิธีเพิ่มวิดเจ็ตใน WordPress ได้