วิธีปรับเทมเพลต Joomla ให้เหมาะกับเว็บไซต์หลายภาษา

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

❶ วางแผนรูปแบบของแต่ละภาษา

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

① ตรวจภาษาและเนื้อหาที่ตั้งค่าไว้

ในหลังบ้าน Joomla ตรวจว่ามีการติดตั้งภาษาและสร้าง Content Language สำหรับแต่ละภาษาที่เว็บไซต์ใช้แล้วหรือไม่ รวมถึงตรวจว่าบทความ หมวดหมู่ และเมนูถูกกำหนดภาษาให้ตรงกัน หากตั้งค่าภาษาเนื้อหาไม่ครบ ระบบอาจแสดงรายการไม่ตรงกับภาษาที่ผู้เข้าชมเลือก

② แยกเมนูและโมดูลตามภาษา

เว็บไซต์หลายภาษามักมีเมนูแยกสำหรับแต่ละภาษา ให้ตรวจว่าเมนูและโมดูลเมนูแต่ละชุดตั้งค่าภาษาให้ตรงกับเนื้อหาที่ต้องการแสดง

1. เปิด Content → Site Modules หรือเมนูจัดการโมดูลตามเวอร์ชันที่ใช้
2. เลือกโมดูลเมนูที่ต้องการ
3. ตรวจชื่อเมนู ตำแหน่ง และการกำหนดภาษา
4. บันทึก แล้วทดสอบหน้าเว็บของภาษานั้น

โมดูลสลับภาษาควรตั้งให้แสดงทุกภาษา เพื่อให้ผู้เข้าชมเปลี่ยนภาษาได้จากทุกชุดเนื้อหา

③ เตรียมข้อความและรูปภาพให้เหมาะกับภาษา

ตรวจข้อความบนปุ่ม เมนู ป้ายกำกับ และภาพประกอบว่ามีฉบับแปลครบหรือไม่ เผื่อพื้นที่ให้ข้อความที่ยาวกว่าอีกภาษา เพราะชื่อเมนูหรือปุ่มอาจกินพื้นที่ไม่เท่ากัน การใช้ข้อความในภาพควรหลีกเลี่ยงหากต้องนำภาพเดียวกันไปใช้กับหลายภาษา

❷ ตั้งค่าสไตล์เทมเพลตและตำแหน่งโมดูล

หากแต่ละภาษาใช้การออกแบบเหมือนกัน อาจใช้สไตล์เทมเพลตเดียวและกำหนดเมนูหรือโมดูลแยกตามภาษา แต่ถ้าต้องการรูปแบบต่างกัน สามารถสร้างสไตล์เทมเพลตเพิ่มเติม แล้วกำหนดให้รายการเมนูที่เกี่ยวข้องใช้สไตล์นั้น

① สร้างหรือเลือกสไตล์เทมเพลต

ไปที่ System → Site Templates → Styles แล้วเลือกสไตล์ที่ต้องการใช้ หากต้องมีสไตล์แยกตามภาษา ให้สร้างสำเนาสไตล์ตามตัวเลือกที่ Joomla หรือเทมเพลตรองรับ และตั้งชื่อให้รู้ว่าใช้กับภาษาใด

② กำหนดสไตล์ให้รายการเมนู

เปิดรายการเมนูของภาษาที่ต้องการ แล้วตรวจตัวเลือก Template Style ในการตั้งค่ารายการเมนู เลือกสไตล์ที่เตรียมไว้ จากนั้นบันทึกและตรวจว่าหน้าดังกล่าวแสดงผลตามรูปแบบที่ตั้งใจ

ชื่อเมนูและตำแหน่งตัวเลือกอาจต่างกันเล็กน้อยตามเวอร์ชัน Joomla และชนิดของรายการเมนู หากไม่เห็นตัวเลือก ให้ตรวจว่ากำลังแก้รายการเมนูของเว็บไซต์ ไม่ใช่รายการในส่วนผู้ดูแล

③ จัดตำแหน่งโมดูลให้สม่ำเสมอ

ตรวจตำแหน่งโลโก้ เมนูหลัก แถบข้าง และส่วนท้ายในแต่ละภาษา โดยเฉพาะชื่อเมนูยาวหรือข้อความที่กินหลายบรรทัด หากเทมเพลตรองรับการตั้งค่าตำแหน่งแยก ให้ปรับเฉพาะภาษาที่มีปัญหา แล้วตรวจให้แน่ใจว่าโมดูลไม่ซ้อนหรือหายไป

❸ ปรับการแสดงผลภาษาและทิศทางการอ่าน

ภาษาไทยและอังกฤษอ่านจากซ้ายไปขวา ส่วนบางภาษา เช่น อาหรับ อ่านจากขวาไปซ้าย การจัดแนวข้อความ เมนู ไอคอน และระยะห่างจึงอาจต้องปรับเพิ่ม โดยเลือกเทมเพลตที่รองรับ RTL หากเว็บไซต์มีภาษากลุ่มนี้

① ตรวจทิศทางและการจัดแนว

ทดสอบหน้าที่เป็นภาษา RTL ว่าข้อความเริ่มจากด้านที่ถูกต้อง เมนูเรียงลำดับเหมาะสม และปุ่มนำทางไม่วางผิดฝั่ง ตรวจทั้งหน้าจอคอมพิวเตอร์และมือถือ เพราะบางเทมเพลตอาจแสดงผลต่างกันตามขนาดหน้าจอ

② ใช้ฟอนต์ที่อ่านภาษาได้ครบ

ตรวจว่าไฟล์ฟอนต์ที่เลือกมีอักขระครบทุกภาษาที่เว็บไซต์ใช้ หากฟอนต์ไม่มีตัวอักษรของภาษานั้น เบราว์เซอร์อาจสลับไปใช้ฟอนต์อื่น ทำให้รูปลักษณ์และความสูงบรรทัดไม่สม่ำเสมอ ควรกำหนดฟอนต์สำรองที่รองรับอักขระที่จำเป็นด้วย

③ ตรวจข้อความจากเทมเพลตและส่วนเสริม

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

❹ ทดสอบเว็บไซต์ก่อนเผยแพร่

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

① ทดสอบการสลับภาษา

ลองกดตัวสลับภาษาในหน้าหลักและหน้าภายใน ตรวจว่าระบบพาไปยังหน้าที่สัมพันธ์กัน ไม่กลับไปหน้าแรกโดยไม่จำเป็น และไม่มีหน้าที่แสดงเนื้อหาผิดภาษา

② ตรวจหน้าสำคัญทุกภาษา

อย่างน้อยควรตรวจหน้าแรก หน้าบทความ หน้าติดต่อ และหน้าที่มีแบบฟอร์ม ดูว่าเมนู โลโก้ หัวข้อ ปุ่ม และส่วนท้ายแสดงครบ รวมถึงไม่มีข้อความล้นหรือทับกัน

③ แก้ปัญหาแคชและบันทึกการตั้งค่า

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

เมื่อเมนู โมดูล และสไตล์เทมเพลตถูกกำหนดตรงกับภาษา เว็บไซต์ Joomla ก็จะใช้งานได้เป็นธรรมชาติขึ้นสำหรับผู้เข้าชมแต่ละกลุ่ม และยังช่วยให้การดูแลเนื้อหาในระยะยาวเป็นระบบมากขึ้น