การปรับแต่งตัวสลับภาษา WPML – ตำแหน่งที่ตั้ง รูปแบบ และพฤติกรรม

สิ่งที่ตัวสลับภาษาของ WPML ทำได้

WPML สร้างตัวสลับภาษาที่พร้อมใช้งานทันทีซึ่งสามารถ:

• แสดงทุกภาษาที่เปิดใช้งานบนเว็บไซต์ของคุณ ตามลำดับที่คุณเลือก
• แสดงชื่อแต่ละภาษาด้วยชื่อในภาษานั้นเอง (Deutsch, Français) หรือด้วยภาษาปัจจุบันของเว็บไซต์ (ภาษาเยอรมัน ภาษาฝรั่งเศส) – ตามที่คุณเลือก
• มีตัวเลือกในการแสดงธง (สไปรต์ที่ปรับขนาดตามธีมของคุณ)
• จัดการกรณีที่ไม่มีคำแปลได้อย่างราบรื่น: โดยเลือกข้ามภาษานั้น หรือลิงก์ไปยังหน้าแรกของภาษานั้น
• สามารถวางในเมนู WordPress ใดก็ได้ ในพื้นที่วิดเจ็ตใดก็ได้ ในส่วนท้าย หรือแทรกในบรรทัดเหนือและใต้โพสต์
• มาในรูปแบบบล็อก Gutenberg สำหรับเลย์เอาต์ของปลั๊กอินสร้างหน้าเว็บทุกรูปแบบ
• สามารถซ่อนในบางหน้าที่ไม่ต้องการให้แสดงได้ (หน้า 404 หน้าชำระเงิน หน้าบัญชีผู้ใช้)
• แคช HTML ที่เรนเดอร์แล้วเพื่อการโหลดหน้าเว็บที่รวดเร็ว

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

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

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

ภาษาที่แสดงและลำดับการแสดงผล

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

ในการ์ดเดียวกัน ให้เลือก:

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

สิ่งที่จะเกิดขึ้นเมื่อไม่มีคำแปล

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

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

ตัวเลือกนี้มีผลกระทบต่อ UX ที่ควรพิจารณาอย่างรอบคอบ

ตำแหน่งที่ตัวสลับภาษาจะแสดง

มี 5 ตำแหน่ง ซึ่งแต่ละตำแหน่งสามารถเปิดปิดได้อย่างอิสระในหน้าการตั้งค่าเดียวกัน:

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

การซ่อนตัวสลับภาษาในบางหน้า

บางหน้าไม่จำเป็นต้องมีตัวสลับภาษา: หน้า 404 ของคุณ หน้าบัญชีผู้ใช้ หน้าชำระเงิน กฎการแสดงผลแบบมีเงื่อนไขของ WPML ช่วยให้คุณซ่อนตัวสลับภาษาในแต่ละหน้าได้โดยไม่ต้องใช้ display:none CSS ในธีมของคุณ

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

การรักษาสถานะพารามิเตอร์ URL

เมื่อผู้เข้าชมคลิกตัวสลับภาษา WPML จะสร้าง URL สำหรับภาษาปลายทางขึ้นมาใหม่ โดยค่าเริ่มต้น พารามิเตอร์สตริงการสืบค้น (?utm_source=newsletter พารามิเตอร์ตัวกรอง ฯลฯ) จะถูกลบออก ซึ่งจะทำให้แคมเปญการวิเคราะห์และรายการที่ถูกกรองพัง

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

CSS แบบกำหนดเองสำหรับตัวสลับภาษา

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

การแคชเทมเพลตตัวสลับภาษา

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

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

ตัวสลับภาษาแบบกำหนดเองในโค้ดธีม

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

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