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

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

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

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

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

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

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

ขั้นตอนที่ 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 สามารถแสดงเมนูในตำแหน่งที่ตั้งต่าง ๆ แต่ละธีมกำหนดตำแหน่งเมนูของตนเองและคุณสามารถเลือกเมนูที่คุณต้องการแสดง
คุณจะพบตัวเลือกนี้ในคอลัมน์ด้านขวาใต้ ‘การตั้งค่าเมนู’ เลือกตัวเลือกถัดจากการตั้งค่า ‘ตำแหน่งที่แสดง’ และคลิกที่ปุ่ม ‘บันทึกเมนู’

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

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

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

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

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

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

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

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

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

บทความที่เกี่ยวข้อง

วิธีสร้าง WooCommerce เพื่อเพิ่มความถูกต้องและความสัมพันธ์

วิธีสร้าง WooCommerce เพื่อเพิ่มความถูกต้องและความสัมพันธ์

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