วิธีสร้างเมนูดรอปดาวน์ใน Joomla

สร้างเมนูดรอปดาวน์ใน Joomla โดยกำหนดรายการหนึ่งเป็นเมนูหลัก แล้วตั้งรายการอื่นให้มี Parent Item เป็นเมนูหลักนั้น จากนั้นตรวจโมดูลเมนูและเทมเพลตว่ารองรับการแสดงเมนูย่อยแบบดรอปดาวน์

❶ สร้างหรือเลือกเมนูหลัก

1. เข้าสู่ระบบหน้าแอดมิน Joomla
2. ไปที่ Menus แล้วเลือกเมนูที่แสดงบนเว็บไซต์ เช่น Main Menu
3. กด New เพื่อเพิ่มรายการเมนูหลัก หรือเลือกแก้ไขรายการที่มีอยู่
4. ตั้ง Menu Title เป็นชื่อหมวดหลัก เช่น “บริการ” หรือ “บทความ”
5. เลือก Menu Item Type ให้เหมาะกับการทำงานของรายการนั้น แล้วบันทึก

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

❷ เพิ่มรายการย่อยใต้เมนูหลัก

① สร้างรายการเมนูย่อย

กด New เพื่อสร้าง Menu Item ใหม่ ใส่ชื่อรายการ เช่น “ออกแบบเว็บไซต์” หรือ “คู่มือ Joomla” แล้วเลือกชนิดเมนูและหน้าปลายทางตามต้องการ

② กำหนด Parent Item

ในช่อง Parent Item เลือกชื่อเมนูหลักที่ต้องการให้รายการนี้อยู่ใต้เมนูนั้น หากเลือก Menu Item Root รายการจะกลายเป็นเมนูระดับบน ไม่ใช่รายการย่อย

③ บันทึกและเพิ่มรายการอื่น

ตรวจว่าเลือก Parent Item ถูกต้องและตั้งสถานะเป็น Published จากนั้นกด Save & Close ทำซ้ำสำหรับทุกหน้าที่ต้องการให้ปรากฏในดรอปดาวน์

❸ ตรวจการตั้งค่าโมดูลเมนู

① เลือกเมนูและระดับที่จะแสดง

เปิดโมดูลประเภท Menu ในหน้า Site Modules แล้วตรวจว่าเลือกเมนูที่มีรายการย่อยไว้ถูกชุด ตรวจ Start Level, End Level และตัวเลือก Show Sub-menu Items ด้วย หากกำหนดระดับไม่ครอบคลุมรายการย่อย เมนูย่อยอาจไม่แสดง

② ตรวจตำแหน่งและสถานะโมดูล

ตรวจว่าโมดูล Published อยู่ในตำแหน่งที่เทมเพลตรองรับ และกำหนดหน้าที่จะแสดงโมดูลไว้ถูกต้อง หากโมดูลไม่แสดง เมนูดรอปดาวน์ก็อาจไม่ปรากฏบนหน้าเว็บ

❹ ทดสอบการเปิดเมนูดรอปดาวน์

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

หากรายการย่อยไม่ปรากฏ ให้ตรวจ Parent Item, สถานะ Published, ระดับการแสดงของโมดูล และรูปแบบเมนูของเทมเพลตตามลำดับ ทีมงาน ComSiam แนะนำให้เริ่มจากเมนูหลักหนึ่งรายการกับเมนูย่อยไม่กี่รายการ แล้วทดสอบก่อนเพิ่มเมนูจำนวนมาก

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