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

Hitztheme Template

Documentations

คลิปวิดีโอนี้เป็นตอนที่ 27 ของซีรีส์สอนทำเว็บไซต์ด้วย Joomla 4 โดยเน้นไปที่การจัดการ Module (โมดูล) เพื่อรองรับเว็บไซต์ 2 ภาษาครับ

สรุปสาระสำคัญของวิดีโอนี้มีดังนี้ครับ:

 

1. ทำไมต้องแยกโมดูลตามภาษา? [01:45]

  • แม้ว่าบางโมดูลที่เป็นระบบของ Joomla (System Modules) เช่น Login จะแปลข้อความภายในตามภาษาให้อัตโนมัติ แต่ส่วนที่ผู้ใช้ตั้งค่าเอง เช่น Title (ชื่อหัวข้อโมดูล) จะไม่เปลี่ยนตาม
  • ดังนั้น เพื่อให้ชื่อหัวข้อและเนื้อหาในโมดูลแสดงผลได้ถูกต้องทั้งภาษาไทยและอังกฤษ เราจึงจำเป็นต้องสร้างโมดูลแยกกันสำหรับแต่ละภาษา

 

2. ขั้นตอนการตั้งค่าโมดูล 2 ภาษา [03:53]

  1. กำหนดภาษา (Language): ในหน้าการตั้งค่าโมดูล ให้เลือก Language เป็นภาษาที่ต้องการ (เช่น English) [04:31]
  2. การแสดงผลบนหน้าเมนู (Menu Assignment):
    • ถ้าต้องการให้แสดงทุกหน้าของภาษานั้น ให้เลือก All Pages (ระบบจะคัดกรองตาม Language ที่เราเลือกไว้ในข้อแรกให้อัตโนมัติ) [05:09]
    • ถ้าต้องการให้แสดงเฉพาะบางหน้า ให้เลือก Only on the pages selected และติ๊กเลือกหน้าเมนูที่ตรงกับภาษานั้นๆ [06:12]
  3. การคัดลอกโมดูล (Duplicate): เมื่อตั้งค่าโมดูลภาษาแรกเสร็จแล้ว ให้ใช้คำสั่ง Duplicate เพื่อสร้างโมดูลชุดที่สอง [08:35]
  4. ปรับแต่งภาษาที่สอง: เปลี่ยนชื่อ Title เป็นภาษาไทย, เปลี่ยน Language เป็น Thai และปรับ Menu Assignment ให้ตรงกับหน้าเมนูภาษาไทย [08:55]

 

3. กรณีตัวอย่าง: โมดูลแสดงข่าวสาร (News Module) [10:51]

  • นอกจากเปลี่ยนชื่อโมดูลและภาษาแล้ว ต้องอย่าลืมเปลี่ยน Category (หมวดหมู่) ของเนื้อหาที่จะดึงมาแสดง ให้ตรงกับหมวดหมู่ของภาษานั้นๆ ด้วย เพื่อให้เนื้อหาที่แสดงเป็นภาษาที่ถูกต้อง [13:14]

 

4. ข้อควรจำเพิ่มเติม [14:26]

  • โมดูลที่ไม่ต้องแยก: หากโมดูลนั้นไม่แสดง Title (Hide Title) และเป็นโมดูลระบบที่สลับภาษาเองได้ (เช่น Language Switcher) อาจไม่จำเป็นต้องสร้างแยก 2 อัน ให้ตั้งค่า Language เป็น All ได้เลย [14:41]
  • Association: ต่างจาก Content หรือ Menu เพราะ Module ไม่มี ฟีเจอร์ Association (การเชื่อมโยง) ระหว่างกัน ระบบจะใช้การเช็คจาก Language และ Menu Assignment เป็นหลักในการแสดงผล [09:31]

 

เทคนิคในคลิปนี้จะช่วยให้คุณควบคุมการแสดงผลของส่วนประกอบต่างๆ บนหน้าเว็บ (Sidebar, Footer, ฯลฯ) ให้สอดคล้องกับภาษาที่ผู้ใช้งานเลือกได้อย่างสมบูรณ์ครับ

 

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