รองรับ :
![]()
ประเภท : Module , Plugin
คลิปวิดีโอนี้เป็นการแนะนำและสอนวิธีการใช้งาน DJ-MegaMenu ซึ่งเป็นส่วนเสริม (Extension) สำหรับสร้างเมนูบนเว็บไซต์ Joomla (รองรับทั้ง Joomla 3 และ Joomla 4) เพื่อให้เมนูมีความสวยงามและมีลูกเล่นมากขึ้น โดยสรุปเนื้อหาสำคัญได้ดังนี้ครับ:
ส่วนประกอบหลักของ DJ-MegaMenu (มี 3 ส่วน) [04:30]
- Module DJ-MegaMenu: ตัวจัดการการแสดงผลเมนูหลักบนหน้าเว็บไซต์
- Module DJ-MegaMenu Mobile: ตัวจัดการปุ่มและรูปแบบเมนูเมื่อแสดงผลบนมือถือ
- Menu Options: เมนูตั้งค่าเพิ่มเติมที่เพิ่มเข้ามาในแต่ละรายการเมนู (Menu Item) ของ Joomla
ฟีเจอร์ที่น่าสนใจ
- Subtitle: สามารถเพิ่มข้อความอธิบายใต้ชื่อเมนูหลักได้ (เช่น ชื่อภาษาอังกฤษใต้ชื่อภาษาไทย) [05:28]
- Menu Icons: รองรับการใส่ไอคอนหน้าชื่อเมนู โดยใช้คลาสจาก Font Awesome (แนะนำเวอร์ชัน 5 แบบฟรี) [05:44], [21:20]
- Menu Badge: การใส่ป้ายกำกับเล็ก ๆ เช่น "New" หรือ "Hot" พร้อมปรับสีพื้นหลังและสีตัวอักษรได้ เพื่อดึงดูดสายตา [19:15]
- Mobile Menu: เลือกรูปแบบการแสดงผลบนมือถือได้หลากหลาย เช่น แบบ Accordion (พับเก็บได้), สไลด์จากด้านข้าง หรือแบบ Select List [15:10]
- Effects: มีแอนิเมชั่นตอนเอาเมาส์ไปวาง (Hover) เช่น การซูมหรือค่อย ๆ ปรากฏขึ้น [11:33]
ขั้นตอนการตั้งค่า
- ติดตั้ง: ดาวน์โหลดและติดตั้งผ่านระบบหลังบ้านของ Joomla [03:50]
- ตั้งค่าโมดูลหลัก: เลือกเมนูที่ต้องการแสดง, กำหนด Position (ตำแหน่งในเทมเพลต) และเลือกธีม (เช่น Clean หรือ Modern) [06:22]
- ตั้งค่าโมดูลมือถือ: ต้องเลือกเชื่อมโยงกับเมนูหลัก และกำหนดตำแหน่งการวางปุ่มเมนูบนมือถือ [12:51]
- ปรับแต่งรายเมนู: เข้าไปที่แต่ละเมนูไอเทม เพื่อใส่ Subtitle, ไอคอน หรือป้าย Badge ตามต้องการ [17:47]
คำแนะนำเพิ่มเติม
สำหรับผู้ที่ใช้เทมเพลตเฉพาะของทางผู้สอน (เช่น โปรเจกต์เรียน Joomla 4) แนะนำให้เลือกธีมแบบ Clean เพราะมีการเขียน CSS รองรับไว้แล้วจะทำให้เมนูแสดงผลได้สวยงามทันทีครับ [09:24]




