ใช้ฟอนต์ต่างกัน สำหรับแต่ละภาษาสำหรับ WPML

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

ทีนี้ครับ เวลาทำเว็บหลายภาษา มีปัญหาหนึ่งที่บรรดาคนทำเว็บมักจะเจอก็คือ การอยากจะให้ภาษานึงแสดงอีกแบบ ภาษาอื่นแสดงอีกแบบ มันทำได้หรือไม่? คำตอบคือทำได้ครับ โดยเราจะต้องทำผ่านการเขียนผ่านรหัสผ่านภาษาแต่ละตัว

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

ขั้นตอนการทำนะครับ

  1. ต้องรู้ก่อนว่าเว็บภาษาต่างๆที่เราทำนั้นมี Language Code คืออะไร ยกตัวอย่าง ผมทำเว็บสองภาษาคือ ภาษาไทย รหัสคือ th และเว็บภาษาอังกฤษแบบอเมริกัน รหัสคือ en-US ครับ โดยวิธีการเช็คก็คือไปที่เมนูหลังบ้าน WPML > Languages > Site Languages คลิก  Edit Languages แล้วจะเห็นตารางขึ้นมาว่าภาษาที่เราใช้งานนั้น มีรหัสภาษาอะไรบ้างครับใช้ฟอนต์ต่างกัน สำหรับเว็บหลายภาษา

    ใช้ฟอนต์ต่างกัน สำหรับเว็บหลายภาษา

  2. เขียน html[lang=”รหัสภาษา”] ตามด้วยคลาสที่เราอยากจะเขียนแบบปกติเลยครับ

ตัวอย่างนะครับ ผมต้องการให้ภาษาไทยใช้ฟอนต์ Kanit และเว็บอังกฤษใช้ฟอนต์ Jose โดยจะให้ฟอนต์เหล่านี้บังคับใช้กับ .title ครับ


html[lang="th"] .title{
font-family: "Kanit", sans-serif;
}

html[lang="en-US"] .thai-lang{
font-family: Jose, sans-serif;
}

เพียงเท่านี้ เว็บเราก็สามารถใช้ฟอนต์ต่างกันสำหรับแต่ละภาษาได้แล้วครับ

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้เพื่อการวิเคราะห์

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

  • คุกกี้เพื่อปรับเนื้อหาให้เข้ากับกลุ่มเป้าหมาย

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

บันทึก