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

Hitztheme Template

Documentations

วิดีโอนี้เป็นตอนที่ 25 ของซีรีส์สอนทำเว็บไซต์ด้วย Joomla 4 โดยช่อง Hitztheme ซึ่งจะมาแนะนำ การตั้งค่าพื้นฐานสำหรับทำเว็บไซต์ 2 ภาษา โดยใช้ระบบ System Language ของ Joomla เองครับ [00:13]

สรุปเนื้อหาสำคัญและการเปรียบเทียบวิธีทำ 2 ภาษาในคลิปมีดังนี้:

 

1. วิธีทำเว็บไซต์ 2 ภาษาใน Joomla [01:06]

ผู้สอนแนะนำว่ามี 3 วิธีหลักที่นิยมกัน:

  • Google Translate Module: ง่ายที่สุด แต่แปลไม่สละสลวยและไม่ดีต่อ SEO เพราะไม่ได้แยก Content จริงๆ [01:17]
  • Component เสริม (เช่น Falang): จัดการง่ายสำหรับผู้เชี่ยวชาญ แต่อาจจะงงสำหรับมือใหม่ [02:13]
  • Joomla System Language (วิธีในคลิปนี้): เป็นการใช้ระบบของ Joomla เอง ดีต่อ SEO มากที่สุดเพราะแยก Content และ URL ชัดเจน [02:45]

 

2. ขั้นตอนการตั้งค่าพื้นฐาน [03:53]

  • ติดตั้งภาษาเพิ่ม: ไปที่ Languages > Install เพื่อค้นหาและติดตั้งภาษาไทย [04:23]
  • เปิดใช้งาน Content Language: ต้องเปิดสถานะ Published ให้กับภาษาไทยในหน้า Content Languages เพื่อให้ระบบรับรู้ว่ามีเนื้อหาภาษาไทย [07:05]
  • ตั้งค่า Site Name & Meta Description แยกภาษา: เราสามารถกำหนดชื่อเว็บไซต์และคำอธิบายแยกกันระหว่างภาษาไทยและอังกฤษได้ที่นี่ เพื่อผลดีทางด้าน SEO [08:11]

 

3. การตั้งค่า Plugin [09:41]

ต้องเปิดใช้งาน Plugin 2 ตัวหลัก:

  1. System - Language Code: ช่วยในเรื่องรหัสภาษา
  2. System - Language Filter: ตัวกรองภาษา (สำคัญมาก) ซึ่งตั้งค่าได้ว่าจะให้เลือกภาษาตาม Browser ของคนเข้าชม หรือตามค่าเริ่มต้นของเว็บไซต์ [10:31]

 

4. การจัดการเมนูแยกภาษา (Menu Management) [13:02]

  • ผู้สอนแนะนำให้ สร้างเมนูแยกกัน (Thai Menu และ English Menu) เพื่อป้องกันความสับสน [13:42]
  • สร้างหน้าแรก (Home) ของแต่ละภาษา และกำหนดค่า Language ให้ตรงกับภาษานั้นๆ [15:51]
  • การทำ Association: เป็นการเชื่อมโยงหน้า Home ของภาษาไทยเข้ากับภาษาอังกฤษ เพื่อให้เวลาคนกดสลับภาษา ระบบจะพาไปหน้าที่ตรงกัน [18:11]

 

5. การสร้าง Module สลับภาษา (Language Switcher) [19:22]

  • สร้าง Module ประเภท Language Switcher เพื่อแสดงปุ่มสลับภาษา (เช่น รูปธงชาติ) บนหน้าเว็บไซต์ [19:41]
  • สร้าง Module เมนูแยกกันสำหรับแต่ละภาษา เพื่อให้เมนูเปลี่ยนตามภาษาที่เลือก [21:57]

 

ผลลัพธ์: เมื่อตั้งค่าเสร็จ URL จะมีการต่อท้ายด้วย /th หรือ /en และข้อมูลต่างๆ รวมถึงเมนูและชื่อไซต์จะเปลี่ยนไปตามภาษาที่ผู้ใช้งานเลือกอย่างถูกต้องครับ [24:17]

 

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