WPML ช่วยให้คุณสามารถปรับแต่งตัวสลับภาษาเพื่อให้ตรงกับความต้องการเฉพาะของคุณได้โดยการกำหนดการตั้งค่าในไฟล์ wpml-config.xml
wpml-config.xml คือไฟล์การกำหนดค่าที่ช่วยให้คุณปรับแต่งลักษณะการแสดงผลและพฤติกรรมของตัวสลับภาษา WPML บนเว็บไซต์ของคุณ คุณสามารถกำหนดค่าแอตทริบิวต์ได้หลายรายการ เช่น รูปแบบ CSS การตั้งค่าการแสดงผล และชอร์ตโค้ด
คู่มือนี้จัดทำขึ้นสำหรับนักพัฒนาที่ต้องการปรับแต่งตัวสลับภาษา WPML ที่มีมาให้ หากคุณต้องการสร้างตัวสลับภาษาแบบกำหนดเอง โปรดอ่านหน้าเว็บของเราเกี่ยวกับการสร้างตัวสลับภาษาแบบกำหนดเอง
ต้องการสร้างไฟล์ wpml-config.xml ใช่หรือไม่ ไปที่คู่มือทีละขั้นตอนของเราสำหรับการสร้างไฟล์การกำหนดค่าโดยอัตโนมัติโดยใช้ปลั๊กอิน Multilingual Tools
ฉันสามารถปรับแต่งอะไรได้บ้างในตัวสลับภาษาของฉัน
WPML ช่วยให้คุณปรับแต่งตัวแปรหลายรายการในตัวสลับภาษาของคุณ ซึ่งรวมถึง:
- รูปแบบ CSS แบบอินไลน์ – เพิ่ม CSS ที่กำหนดเองไปยังตัวสลับภาษาโดยตรง
- ลิงก์ไปยังเนื้อหาที่ยังไม่ได้แปล – ตัดสินใจว่าจะแสดงหรือซ่อนลิงก์ไปยังเนื้อหาที่ยังไม่ได้แปล
- พารามิเตอร์ URL ที่จะคัดลอก – ระบุพารามิเตอร์ URL ที่ควรคัดลอกเมื่อสลับภาษา
- ตัวสลับภาษาในแถบด้านข้าง / ส่วนท้าย – กำหนดลักษณะการแสดงผลของตัวสลับภาษาในแถบด้านข้างและส่วนท้าย ซึ่งรวมถึง:
- ว่าจะแสดงธงและ/หรือชื่อภาษาหรือไม่
- ภาษาปัจจุบันควรแสดงเป็นลิงก์หรือไม่
- การตั้งชื่อสำหรับวิดเจ็ตตัวสลับภาษา
- การเลือกเทมเพลตสำหรับเลย์เอาต์ของตัวสลับภาษา
- การปรับแต่งสีสำหรับข้อความ พื้นหลัง และเส้นขอบโดยใช้รหัสสีฐานสิบหก
- การดำเนินการของชอร์ตโค้ด – กำหนดลักษณะการแสดงผลของตัวสลับภาษาที่เพิ่มผ่านชอร์ตโค้ด
ตัวอย่างการเพิ่มการกำหนดค่าที่กำหนดเองสำหรับตัวสลับภาษา WPML ที่มีมาให้
<wpml-config>
<language-switcher-settings>
<key name="additional_css">{inline CSS styles}</key>
<key name="link_empty">{0 or 1}</key>
<key name="copy_parameters">{parameter1, parameter2}</key>
<key name="sidebars">
<key name="{sidebar slug}">
<key name="display_flags">{0 or 1}</key>
<key name="display_names_in_current_lang">{0 or 1}</key>
<key name="display_names_in_native_lang">{0 or 1}</key>
<key name="display_link_for_current_lang">{0 or 1}</key>
<key name="widget_title">{widget title}</key>
<key name="template">{template slug}</key>
<!-- color picker keys -->
<key name="background_normal">#{hex color}</key>
<key name="border_normal">#{hex color}</key>
<key name="font_current_normal">#{hex color}</key>
<key name="font_current_hover">#{hex color}</key>
<key name="background_current_normal">#{hex color}</key>
<key name="background_current_hover">#{hex color}</key>
<key name="font_other_normal">#{hex color}</key>
<key name="font_other_hover">#{hex color}</key>
<key name="background_other_normal">#{hex color}</key>
<key name="background_other_hover">#{hex color}</key>
</key>
</key>
<key name="statics">
<key name="footer">
<key name="show">{0 or 1}</key>
<key name="display_flags">{0 or 1}</key>
<key name="display_names_in_current_lang">{0 or 1}</key>
<key name="display_names_in_native_lang">{0 or 1}</key>
<key name="display_link_for_current_lang">{0 or 1}</key>
<key name="template">{template slug}</key>
<!-- color picker keys -->
<key name="background_normal">#{hex color}</key>
<key name="border_normal">#{hex color}</key>
<key name="font_current_normal">#{hex color}</key>
<key name="font_current_hover">#{hex color}</key>
<key name="background_current_normal">#{hex color}</key>
<key name="background_current_hover">#{hex color}</key>
<key name="font_other_normal">#{hex color}</key>
<key name="font_other_hover">#{hex color}</key>
<key name="background_other_normal">#{hex color}</key>
<key name="background_other_hover">#{hex color}</key>
</key>
<key name="post_translations">
<key name="show">{0 or 1}</key>
<key name="display_flags">{0 or 1}</key>
<key name="display_names_in_current_lang">{0 or 1}</key>
<key name="display_names_in_native_lang">{0 or 1}</key>
<key name="display_link_for_current_lang">{0 or 1}</key>
<key name="display_before_content">{0 or 1}</key>
<key name="display_after_content">{0 or 1}</key>
<key name="template">{template slug}</key>
<key name="availability_text">{string like "See post translations: %s"}</key>
</key>
<key name="shortcode_actions">
<key name="display_flags">{0 or 1}</key>
<key name="display_names_in_current_lang">{0 or 1}</key>
<key name="display_names_in_native_lang">{0 or 1}</key>
<key name="display_link_for_current_lang">{0 or 1}</key>
<key name="template">{template slug}</key>
<!-- color picker keys -->
<key name="background_normal">#{hex color}</key>
<key name="border_normal">#{hex color}</key>
<key name="font_current_normal">#{hex color}</key>
<key name="font_current_hover">#{hex color}</key>
<key name="background_current_normal">#{hex color}</key>
<key name="background_current_hover">#{hex color}</key>
<key name="font_other_normal">#{hex color}</key>
<key name="font_other_hover">#{hex color}</key>
<key name="background_other_normal">#{hex color}</key>
<key name="background_other_hover">#{hex color}</key>
</key>
</key>
</language-switcher-settings>
</wpml-config>ไม่จำเป็นต้องมีส่วนเหล่านี้ทั้งหมดในไฟล์การกำหนดค่าของคุณ เพียงแค่มีส่วนที่นำไปใช้กับปลั๊กอินหรือธีมของคุณก็พอ
การรีเซ็ตตัวสลับภาษา WPML กลับเป็นการตั้งค่าเริ่มต้น
คุณยังสามารถใช้ wpml-config.xml เพื่อรีเซ็ตการกำหนดค่าตัวสลับภาษาได้หากมีการเปลี่ยนแปลงจากแบ็กเอนด์ (จากค่าเริ่มต้น)
หากต้องการดูการเปลี่ยนแปลงใหม่ ตรวจสอบให้แน่ใจว่าได้คลิกปุ่มคืนค่าเริ่มต้นที่ด้านล่างของหน้า WPML → ภาษา
แหล่งข้อมูลเพิ่มเติม
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับไฟล์ wpml-config.xml โปรดไปที่คู่มือไฟล์การกำหนดค่าภาษา
สำหรับการปรับแต่งองค์ประกอบอื่น ๆ โดยใช้ไฟล์ wpml-config.xml โปรดไปที่คู่มือเพิ่มเติมของเรา:
- การแปลชอร์ตโค้ดที่กำหนดเองด้วย WPML
- การลงทะเบียนเนื้อหาของปลั๊กอินสร้างหน้าเว็บสำหรับการแปล
- การลงทะเบียนวิดเจ็ตของปลั๊กอินสร้างหน้าเว็บที่กำหนดเองสำหรับการแปล
- การตั้งค่าตัวเลือกการแปลสำหรับฟิลด์ที่กำหนดเองโดยใช้ไฟล์การกำหนดค่า WPML
- การลงทะเบียนคำ Types และอนุกรมวิธานที่กำหนดเองให้แปลได้
- การทำให้บล็อก Gutenberg ที่กำหนดเองแปลได้
- การแปลข้อความที่ธีมและปลั๊กอินบันทึกไว้ใน wp_options