มีเว็บง่ายๆ ได้แล้ว! วันนี้! กับ Hitzthemeเทมเพลตจูมล่า ภาษาไทย รองรับมือถือ 

Hitztheme Template

Documentations

รองรับ  : joomla3  joomla4  joomla5  joomla6 t

ประเภท : Module , Plugin

คลิปวิดีโอนี้เป็นการแนะนำและสอนวิธีการใช้งาน DJ-MegaMenu ซึ่งเป็นส่วนเสริม (Extension) สำหรับสร้างเมนูบนเว็บไซต์ Joomla (รองรับทั้ง Joomla 3 และ Joomla 4) เพื่อให้เมนูมีความสวยงามและมีลูกเล่นมากขึ้น โดยสรุปเนื้อหาสำคัญได้ดังนี้ครับ:

 

ส่วนประกอบหลักของ DJ-MegaMenu (มี 3 ส่วน) [04:30]

  1. Module DJ-MegaMenu: ตัวจัดการการแสดงผลเมนูหลักบนหน้าเว็บไซต์
  2. Module DJ-MegaMenu Mobile: ตัวจัดการปุ่มและรูปแบบเมนูเมื่อแสดงผลบนมือถือ
  3. 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]

 

ขั้นตอนการตั้งค่า

  1. ติดตั้ง: ดาวน์โหลดและติดตั้งผ่านระบบหลังบ้านของ Joomla [03:50]
  2. ตั้งค่าโมดูลหลัก: เลือกเมนูที่ต้องการแสดง, กำหนด Position (ตำแหน่งในเทมเพลต) และเลือกธีม (เช่น Clean หรือ Modern) [06:22]
  3. ตั้งค่าโมดูลมือถือ: ต้องเลือกเชื่อมโยงกับเมนูหลัก และกำหนดตำแหน่งการวางปุ่มเมนูบนมือถือ [12:51]
  4. ปรับแต่งรายเมนู: เข้าไปที่แต่ละเมนูไอเทม เพื่อใส่ Subtitle, ไอคอน หรือป้าย Badge ตามต้องการ [17:47]

 

คำแนะนำเพิ่มเติม

สำหรับผู้ที่ใช้เทมเพลตเฉพาะของทางผู้สอน (เช่น โปรเจกต์เรียน Joomla 4) แนะนำให้เลือกธีมแบบ Clean เพราะมีการเขียน CSS รองรับไว้แล้วจะทำให้เมนูแสดงผลได้สวยงามทันทีครับ [09:24]

พูดคุยผ่าน Messenger
พูดคุยผ่าน LINE
ribbon top right