วิธีสร้างเมนูย่อย WordPress สำหรับจัดกลุ่มหน้าเว็บ

สร้างเมนูย่อย WordPress โดยวางรายการที่เกี่ยวข้องไว้ใต้เมนูหลัก ธีมแบบคลาสสิกใช้การลากรายการไปเยื้องใต้รายการหลักในหน้า รูปลักษณ์ > เมนู ส่วนธีมแบบบล็อกใช้คำสั่งเพิ่ม Submenu ใน Navigation block หรือจัดลำดับผ่าน List View

❶ สร้างเมนูย่อยในธีมแบบคลาสสิก

① เปิดเมนูที่ต้องการแก้ไข

เข้าสู่ระบบหลังบ้าน แล้วไปที่ รูปลักษณ์ > เมนู เลือกเมนูที่แสดงในตำแหน่งที่ต้องการ เช่น เมนูหลัก

② เพิ่มรายการที่ต้องการเป็นเมนูย่อย

หากหน้ายังไม่อยู่ในเมนู ให้เลือกจากรายการหน้า แล้วกด เพิ่มลงในเมนู

③ ลากรายการไปไว้ใต้เมนูหลัก

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

④ บันทึกและตรวจผล

กด บันทึกเมนู แล้วเปิดเว็บไซต์จริง ชี้หรือแตะเมนูหลักเพื่อตรวจว่ารายการย่อยปรากฏตามต้องการ

❷ สร้างเมนูย่อยในธีมแบบบล็อก

① เปิด Navigation block

ไปที่ รูปลักษณ์ > ตัวแก้ไข แล้วเปิดเมนูนำทางหรือส่วนหัวที่มี Navigation block

② เลือกเมนูหลัก

คลิกรายการที่ต้องการให้เป็นเมนูหลัก แล้วเลือก เพิ่มเมนูย่อย (Add submenu) จากแถบเครื่องมือ

③ เพิ่มหน้าในเมนูย่อย

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

อีกวิธีคือเปิด List View แล้วลากรายการไปไว้ใต้เมนูหลักและเยื้องไปทางขวาเล็กน้อย ตรวจโครงสร้างใน List View เพื่อยืนยันว่ารายการอยู่ในระดับเมนูย่อย

④ บันทึกการเปลี่ยนแปลง

กด บันทึก และตรวจว่าบันทึก Navigation block หรือส่วนหัวเว็บไซต์ครบแล้ว

❸ จัดกลุ่มเมนูย่อยให้อ่านเข้าใจง่าย

① ใช้เมนูหลักเป็นหัวข้อกลุ่ม

เลือกชื่อเมนูหลักที่อธิบายกลุ่มหน้าเว็บได้ เช่น “บริการ” แล้ววางหน้าบริการแต่ละประเภทเป็นเมนูย่อย

② ใช้ชื่อหน้าที่บอกเนื้อหา

ตั้งชื่อรายการเมนูย่อยให้เข้าใจได้ทันทีว่าผู้เข้าชมจะพบข้อมูลอะไรเมื่อเลือกหน้านั้น

③ จำกัดจำนวนระดับเมนู

จัดเมนูเป็นกลุ่มเท่าที่จำเป็น หลีกเลี่ยงการซ้อนเมนูหลายชั้น เพราะผู้เข้าชมอาจหาหน้าปลายทางยาก โดยเฉพาะบนมือถือ

④ ตรวจว่าหน้าปลายทางมีเนื้อหาแล้ว

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

❹ เมนูย่อยไม่แสดงหรืออยู่ผิดตำแหน่ง

① ตรวจการเยื้องรายการ

ในธีมแบบคลาสสิก รายการต้องเยื้องไปทางขวาใต้เมนูหลัก ในธีมแบบบล็อก ให้ตรวจความสัมพันธ์ของรายการใน List View

② ตรวจว่าแก้เมนูถูกชุด

เว็บไซต์อาจมีเมนูหลายชุด เช่น เมนูหลักและเมนูส่วนท้าย ตรวจว่ากำลังแก้เมนูที่แสดงในตำแหน่งที่ต้องการ

③ ตรวจการแสดงผลบนมือถือ

ธีมอาจแสดงเมนูย่อยบนมือถือด้วยการแตะลูกศรหรือปุ่มขยาย ทดสอบการใช้งานจริงเพื่อให้แน่ใจว่าผู้เข้าชมเปิดรายการย่อยได้

④ บันทึกและล้างแคช

กดบันทึกเมนู แล้วโหลดเว็บไซต์ใหม่ หากยังเห็นเมนูเดิม ให้ล้างแคชของเว็บไซต์และเบราว์เซอร์

❺ ตัวอย่างโครงสร้างเมนูย่อยสำหรับเว็บไซต์ธุรกิจ

• บริการ
  • ออกแบบเว็บไซต์
  • รับทำ SEO
  • ดูแลเว็บไซต์
• บทความ
  • WordPress
  • SEO
  • ความปลอดภัยเว็บไซต์

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

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

สรุป

สร้างเมนูย่อยในธีมแบบคลาสสิกด้วยการลากรายการไปไว้ใต้เมนูหลักและเยื้องไปทางขวา ส่วนธีมแบบบล็อกใช้คำสั่ง Add submenu หรือจัดโครงสร้างผ่าน List View หลังสร้างแล้วให้บันทึกและทดสอบว่าเมนูย่อยเปิดได้บนทุกขนาดหน้าจอ