วิธีเพิ่มเมนูแบบเลื่อนลงใน 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
  • ป้อนชื่อเมนูในช่องที่กำหนดและคลิกที่ปุ่ม "สร้างเมนู" ด้านล่าง
เพิ่มชื่อเมนูและสร้างเมนูใหม่

หลังจากทำเช่นนี้ WordPress จะสร้างเมนูใหม่ให้กับคุณ อย่างไรก็ตามมันเป็นเมนูว่าง คุณยังต้องเพิ่มรายการในเมนูของคุณ ไปที่ขั้นตอนที่สองกัน

ขั้นตอนที่ 2: การเพิ่มรายการลงในเมนูที่คุณสร้าง

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

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

ขั้นตอนที่ 3: สร้างเมนูแบบเลื่อนลงโดยจัดเรียงรายการย่อย

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

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

  • คลิกรายการที่คุณต้องการสร้างรายการย่อย
  • ตอนนี้ลากไปข้างใต้รายการที่คุณต้องการสร้างพาเรนต์ อย่างไรก็ตาม อย่าลืมวางรายการย่อยไปทางขวาเล็กน้อย
การสร้างรายการหลักและรายการย่อยใน WordPress
  • 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 ได้