วิธีสร้างเมนูย่อยหลายระดับใน Joomla

สร้างเมนูย่อยหลายระดับใน Joomla โดยกำหนด Parent Item ของแต่ละรายการต่อกันเป็นชั้น เช่น เมนูหลัก → เมนูย่อย → เมนูย่อยระดับถัดไป จากนั้นตั้งค่าโมดูลเมนูให้แสดงระดับที่ต้องการ

❶ วางโครงสร้างเมนูก่อน

ตัวอย่างโครงสร้างสามระดับ:

• บริการ — เมนูหลัก
  • ออกแบบเว็บไซต์ — เมนูย่อยระดับ 1
    • เว็บไซต์ธุรกิจ — เมนูย่อยระดับ 2

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

❷ สร้างเมนูหลักและเมนูย่อยระดับแรก

1. เข้าสู่ระบบหน้าแอดมิน Joomla
2. ไปที่ Menus แล้วเลือกเมนูที่ต้องการ
3. กด New เพื่อสร้างรายการเมนูหลัก ตั้งชื่อ เลือกชนิดเมนูและปลายทาง แล้วบันทึก
4. สร้างรายการเมนูย่อยรายการแรก
5. ในช่อง Parent Item เลือกชื่อเมนูหลัก แทนค่า Menu Item Root
6. บันทึกเมนูย่อย

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

❸ เพิ่มเมนูย่อยระดับถัดไป

① ตั้ง Parent ให้เป็นเมนูย่อยระดับแรก

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

② ตรวจลำดับและสถานะ

ตรวจว่าเมนูแต่ละระดับเลือก Parent ถูกต้อง สถานะเป็น Published และอยู่ในเมนูชุดเดียวกัน หากมีหลายรายการใต้ Parent เดียวกัน ให้จัดลำดับการแสดงผลตามต้องการ

❹ ตั้งโมดูลให้แสดงเมนูทุกระดับ

① ตรวจ Start Level และ End Level

เปิดโมดูลประเภท Menu แล้วเลือกเมนูชุดที่สร้างไว้ ตรวจ Start Level และ End Level ให้ครอบคลุมระดับเมนูที่ต้องการ หาก End Level จำกัดไว้ที่ระดับแรก เมนูชั้นลึกกว่านั้นอาจไม่แสดง

② เปิดการแสดงเมนูย่อย

ตรวจตัวเลือก Show Sub-menu Items ว่าตั้งให้แสดงเมนูย่อยตามที่ต้องการ จากนั้นบันทึกโมดูลและตรวจตำแหน่งแสดงผลของโมดูลบนเทมเพลต

③ ทดสอบบนคอมพิวเตอร์และมือถือ

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

ทีมงาน ComSiam แนะนำให้จัดเมนูตามเส้นทางที่ผู้อ่านคาดหวัง และทดลองใช้งานจริงก่อนสร้างหลายชั้น เพราะเมนูที่ลึกเกินไปอาจทำให้หาหน้าปลายทางยาก

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