วิธีสร้างเมนูแบบเลื่อนลงใน WordPress (คู่มือเริ่มต้น)

คุณต้องการสร้างเมนูแบบเลื่อนลงและเพิ่มลงในเว็บไซต์ WordPress ของคุณหรือไม่?


เมนูแบบเลื่อนลงจะแสดงรายการลิงก์ในขณะที่คุณเลื่อนเมาส์ไปวางเหนือรายการในเมนู.

เราใช้เมนูแบบเลื่อนลงบน WPBeginner ไปข้างหน้าและเลื่อนเมาส์ไปเหนือเมนูนำทางด้านบน.

ในคู่มือผู้เริ่มต้นนี้เราจะแสดงวิธีสร้างเมนูแบบเลื่อนลงใน WordPress ได้อย่างง่ายดายพร้อมคำแนะนำทีละขั้นตอน.

สร้างเมนูแบบเลื่อนลงใน WordPress

เหตุใดจึงต้องใช้เมนูแบบเลื่อนลงใน WordPress?

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

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

เมนูนำทางทั่วไปที่มีแถวแนวนอนเชื่อมโยง

หากคุณเริ่มต้นบล็อกหรือสร้างเว็บไซต์ที่มีเพียงไม่กี่หน้าคุณสามารถเพิ่มได้ในแถวเดียว.

อย่างไรก็ตามหากคุณเรียกใช้ร้านค้าออนไลน์หรือเว็บไซต์ขนาดใหญ่คุณอาจต้องการเพิ่มลิงก์ไปยังเมนูการนำทางเพิ่มเติม.

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

ตัวอย่างเมนูแบบเลื่อนลง

สุดท้ายพวกเขาก็ดูดีเหมือนกัน.

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

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

ขั้นตอนที่ 1 การเลือกชุดรูปแบบด้วยการสนับสนุนเมนูแบบเลื่อนลง

WordPress มาพร้อมกับระบบการจัดการเมนูในตัว แต่การแสดงเมนูเหล่านั้นขึ้นอยู่กับธีม WordPress ของคุณ.

ธีมเวิร์ดเพรสเกือบทั้งหมดสนับสนุนเมนูดร็อปดาวน์ตามค่าเริ่มต้น อย่างไรก็ตามบางธีมอาจไม่มีการสนับสนุนเมนูที่เหมาะสม.

คุณต้องแน่ใจว่าคุณใช้ธีม WordPress ที่รองรับเมนูดรอปดาวน์.

คุณจะรู้ได้อย่างไรว่าชุดรูปแบบที่คุณใช้รองรับเมนูแบบเลื่อนลง?

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

หากไม่เป็นเช่นนั้นคุณจะต้องค้นหาธีม WordPress ที่เหมาะสม.

ดูคำแนะนำของเราเกี่ยวกับวิธีเลือกธีม WordPress ที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ.

นี่คือธีมที่ยอดเยี่ยมบางส่วนที่สนับสนุนเมนูดร็อปดาวน์ออกจากกล่อง.

  • แอสตร้า – มันเป็นธีม WordPress อเนกประสงค์ที่มาพร้อมกับไซต์เริ่มต้นและคุณสมบัติมากมาย.
  • ธีม StudioPress – สร้างขึ้นจากโครงร่างของแหล่งกำเนิดชุดรูปแบบมืออาชีพเหล่านี้ได้รับการปรับให้เหมาะสมที่สุดสำหรับประสิทธิภาพ.
  • OceanWP – ธีมเวิร์ดเพรสยอดนิยมที่เหมาะสำหรับเว็บไซต์ทุกประเภท.
  • Ultra – Powered by Themify builder ชุดรูปแบบการลากและวาง WordPress นี้มาพร้อมกับแม่แบบที่สวยงามและตัวเลือกชุดรูปแบบที่ยืดหยุ่น.
  • Divi – ธีมยอดนิยมโดย Elegant Themes ที่ใช้เครื่องมือสร้างเพจ Divi และมาพร้อมกับการลากมากมาย & คุณสมบัติดรอปรวมถึงเมนูแบบเลื่อนลง.

ดังที่ได้กล่าวมาตอนนี้ลองมาดูวิธีการสร้างเมนู WordPress แบบเลื่อนลง.

ขั้นตอนที่ 1 การสร้างเมนูนำทางใน WordPress

หากคุณตั้งค่าเมนูการนำทางไว้บนเว็บไซต์แล้วคุณสามารถข้ามไปยังขั้นตอนถัดไปได้.

มาสร้างเมนูง่ายๆกันก่อน.

ไปที่ หน้าตา»เมนู หน้าและคลิกที่ลิงค์ ‘สร้างเมนูใหม่’ ที่ด้านบน.

สร้างเมนู

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

ชื่อเมนู

ป้อนชื่อสำหรับเมนูของคุณจากนั้นคลิกที่ปุ่ม ‘สร้างเมนู’.

WordPress จะสร้างเมนูว่างใหม่สำหรับคุณ.

มาเพิ่มลิงค์ยอดนิยมไปที่เมนูนำทาง รายการเหล่านี้จะปรากฏในแถวบนสุดของเมนูของคุณ.

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

เพิ่มหน้าไปยังเมนู

ตอนนี้คุณจะเห็นหน้าเหล่านั้นปรากฏในคอลัมน์ด้านขวาใต้เมนูใหม่ของคุณ.

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

รายการย่อยคือรายการที่จะปรากฏในเมนูแบบเลื่อนลง ขึ้นอยู่กับว่าคุณต้องการจัดระเบียบเมนูของคุณอย่างไรคุณสามารถเพิ่มเมนูเหล่านี้ลงในรายการที่มีอยู่ได้.

เพื่อประโยชน์ของบทช่วยสอนนี้เราจะเพิ่มหมวดหมู่ภายใต้ลิงก์บล็อก.

เพียงเลือกรายการที่คุณต้องการเพิ่มจากคอลัมน์ด้านซ้ายแล้วคลิกปุ่ม ‘เพิ่มในเมนู’ รายการของคุณจะปรากฏในคอลัมน์ด้านขวา.

เพิ่มรายการเมนูใหม่ลงในเมนู

อย่างไรก็ตามลิงค์เหล่านี้จะปรากฏเป็นรายการปกติ เราต้องทำให้มันเป็นรายการย่อยของเมนูหลัก.

คุณสามารถลากและวางรายการเมนูและวางไว้ใต้รายการหลัก เลื่อนไปทางขวาเล็กน้อยแล้วจะกลายเป็นรายการย่อย.

การเพิ่มรายการเมนูย่อยเพื่อสร้างเมนูแบบเลื่อนลง

ทำขั้นตอนนี้ซ้ำสำหรับลิงก์ทั้งหมดที่คุณต้องการแสดงใต้เมนูแบบเลื่อนลง.

เมื่อเสร็จแล้วอย่าลืมคลิกปุ่ม “บันทึกเมนู” เพื่อบันทึกการเปลี่ยนแปลงของคุณ.

ขั้นตอนที่ 3 เผยแพร่เมนูดร็อปดาวน์ของคุณ

หากคุณกำลังแก้ไขเมนูที่มีอยู่บนเว็บไซต์ของคุณแล้วมันจะเริ่มปรากฏบนเว็บไซต์ของคุณทันที.

อย่างไรก็ตามหากเป็นรายการเมนูใหม่ตอนนี้คุณต้องเลือกตำแหน่งของธีมเพื่อแสดงเมนูนี้.

ชุดรูปแบบ WordPress สามารถแสดงเมนูในตำแหน่งที่ตั้งต่าง ๆ แต่ละธีมจะกำหนดตำแหน่งเมนูของตนเองและคุณสามารถเลือกเมนูที่คุณต้องการแสดงได้.

คุณจะพบตัวเลือกนี้ในคอลัมน์ด้านขวาใต้ “การตั้งค่าเมนู” เลือกตัวเลือกถัดจากการตั้งค่า ‘แสดงตำแหน่ง’ แล้วคลิกปุ่ม menu บันทึกเมนู ’.

เลือกตำแหน่งของธีม

คุณสามารถเยี่ยมชมเว็บไซต์ของคุณเพื่อดูเมนูแบบเลื่อนลง.

แสดงตัวอย่างเมนูแบบเลื่อนลง

เคล็ดลับในการสร้างเมนูแบบเลื่อนลงแบบโต้ตอบ

เมนูการนำทางมีความสำคัญเนื่องจากนี่เป็นที่แรกที่ผู้ใช้ของคุณจะดูว่าพวกเขาต้องการดูข้อมูลที่เฉพาะเจาะจงหรือไม่.

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

นี่คือเคล็ดลับเล็ก ๆ น้อย ๆ ในการทำให้เมนูนำทางของคุณโต้ตอบได้มากขึ้นด้วยเมนูแบบเลื่อนลง.

1. คุณสามารถสร้างเมนูแบบเลื่อนลงได้หลายระดับ

การสร้างลิงค์รายการย่อยของลิงค์อื่นทำให้ปรากฏในเมนูแบบเลื่อนลง คุณยังสามารถเพิ่มรายการย่อยด้านล่างรายการย่อยอื่นเพื่อสร้างเมนูแบบเลื่อนลงหลายระดับ.

เมนูหลายระดับ

ชุดรูปแบบของคุณจะแสดงเป็นเมนูย่อยโดยอัตโนมัติภายในเมนูแบบเลื่อนลง.

เมนูแบบเลื่อนลงหลายระดับ

2. คุณสามารถสร้างเมนูแบบเลื่อนลงได้หลายรายการ

คุณสามารถสร้างแบบเลื่อนลงภายใต้ลิงค์ด้านบนในเมนูของคุณ คุณยังสามารถเพิ่มเมนูแบบเลื่อนลงหลายรายการในเมนูนำทางหลักของคุณ.

เมนูแบบเลื่อนลงหลายรายการในเมนูหลัก

3. สร้างเมนูด้วยการแสดงตัวอย่างแบบสด

หากเมนูของคุณซับซ้อนเกินไปคุณสามารถสลับไปที่การแสดงตัวอย่างด้วยภาพ ไปที่ หน้าตา»ปรับแต่ง เพื่อเรียกใช้ตัวปรับแต่งธีมสด.

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

ปรับแต่งเมนู WordPress ด้วยภาพตัวอย่างสด

4. สร้างเมนู mega ขนาดใหญ่แบบเลื่อนลงใน WordPress

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

ตัวอย่างเมนูเมกะ

เมนู Mega จะปรากฏเป็นเมนูแบบเลื่อนลง แต่สามารถแสดงลิงค์ได้มากขึ้นเมนูย่อยและอื่น ๆ สำหรับคำแนะนำโดยละเอียดโปรดดูการสอนทีละขั้นตอนเกี่ยวกับวิธีสร้างเมนูเด่นใน WordPress.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me