การรักษาความเข้ากันได้ของ WPBakery Page Builder กับ WPML

ความเข้ากันได้ของ WPBakery Page Builder กับ WPML ได้รับการรับรองผ่านไฟล์การกำหนดค่าภาษา เรียนรู้วิธีใช้ไฟล์นี้เพื่อรักษาความเข้ากันได้

หน้านี้จัดทำขึ้นสำหรับทีมพัฒนา WPBakery นักพัฒนาที่นำเสนอปลั๊กอินสร้างหน้าเว็บเวอร์ชันปรับแต่ง ผู้พัฒนาที่พัฒนาส่วนเสริมของ WPBakery และนักพัฒนาเว็บที่ใช้ WPBakery Page Builder

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

การทำงานร่วมกันของ WPBakery Page Builder กับ WPML

เพื่อให้เข้าใจว่า WPBakery Page Builder ทำงานร่วมกับ WPML อย่างไร เราจะเริ่มต้นด้วยการสร้างหน้าเว็บง่าย ๆ โดยใช้ WPBakery Page Builder เราจะรวมโมดูลบางส่วน เช่น Text Block Message Box และ Hover Box

ในการแปลหน้าที่เราสร้างขึ้น ให้คลิกที่ไอคอนบวกที่พบในกล่องข้อมูล ภาษา ในแถบด้านข้างขวา

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

การอัปเดตไฟล์การกำหนดค่าภาษา

คุณอาจต้องอัปเดต shortcode ของปลั๊กอินสร้างหน้าเว็บในไฟล์การกำหนดค่าภาษาด้วยเหตุผลต่าง ๆ ดังนี้:

1. การเพิ่ม shortcode ใหม่ลงในปลั๊กอินสร้างหน้าเว็บ
2. การเพิ่มแอตทริบิวต์ใหม่ให้กับ shortcode ที่มีอยู่
3. การลบ shortcode ที่ล้าสมัยออก

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

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

โครงสร้าง shortcode ของปลั๊กอินสร้างหน้าเว็บในไฟล์การกำหนดค่าภาษา

ในการแยกสตริงข้อความจากหน้าที่สร้างโดยใช้ WPBakery Page Builder และโหลดลงบนหน้าจอ ตัวแก้ไขการแปล เราจำเป็นต้องกำหนดค่า WPML เพื่อระบุ shortcode และแอตทริบิวต์ที่มีสตริงข้อความที่ต้องการการแปล ซึ่งทำได้โดยการเพิ่มไฟล์ที่ชื่อ wpml-config.xml ซึ่งมักจะวางไว้ในโฟลเดอร์รากของธีมของคุณ สำหรับ WPBakery Page Builder เราได้โฮสต์ไฟล์การกำหนดค่าภาษาไว้บนเซิร์ฟเวอร์ของเรา โดยตั้งค่าให้เขียนทับไฟล์การกำหนดค่าในเครื่องที่วางไว้ในโฟลเดอร์รากของ WPBakery Page Builder เพื่อให้แน่ใจว่าไฟล์การกำหนดค่าเป็นข้อมูลล่าสุดเสมอ

นอกจากนี้ ไฟล์ wpml-config.xml ยังใช้เพื่อกำหนดค่าองค์ประกอบต่อไปนี้:

1. ฟิลด์กำหนดเอง
2. อนุกรมวิธานที่กำหนดเอง
3. ข้อความผู้ดูแลระบบ / wp_options
4. การกำหนดค่าตัวสลับภาษา
5. shortcode ของปลั๊กอินสร้างหน้าเว็บ

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

ตัวอย่างเช่น มาดูกันว่าเราเพิ่ม shortcode สำหรับ Tabs ลงในไฟล์ wpml-config.xml อย่างไร

<shortcode>
         <tag>vc_tta_tabs</tag>
         <attributes>
            <attribute encoding="allow_html_tags">title</attribute>
         </attributes>
</shortcode>

โครงสร้างของตัวอย่างด้านบนสามารถแบ่งย่อยได้ดังนี้:

• shortcode ทั้งหมดจะถูกครอบด้วยแท็กหลัก shortcodes (พหูพจน์)
• แท็ก shortcode จะครอบแท็กทั้งหมดที่เป็นของ shortcode เดียว
• แท็ก tag กำหนดชื่อของ shortcode ซึ่งในกรณีนี้คือ vc_tta_tabs
• shortcode สามารถมีแอตทริบิวต์ได้อย่างน้อยหนึ่งรายการ ดังนั้นเราจึงครอบไว้ในแท็ก attributes (พหูพจน์) และใช้แท็ก attribute (เอกพจน์) เพื่อกำหนดชื่อของแต่ละแอตทริบิวต์ ในกรณีนี้ เรามีแอตทริบิวต์ title

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

<shortcode>
         <tag>vc_button</tag>
         <attributes>
            <attribute encoding="allow_html_tags">title</attribute>
            <attribute encoding="vc_link" type="link">href</attribute>
         </attributes>
</shortcode>

การทดสอบไฟล์การกำหนดค่าภาษา

ในการทดสอบไฟล์การกำหนดค่าภาษาที่อัปเดตแล้ว ให้ทำตามขั้นตอนเหล่านี้:

1. ตั้งค่าการติดตั้งโดยเปิดใช้งานทั้ง WPBakery Page Builder และ WPML ดาวน์โหลดและเปิดใช้งานส่วนเสริม การแปลสตริง และ การแปลสื่อ
2. คุณจะต้องเขียนทับไฟล์การกำหนดค่าภาษาระยะไกลด้วยไฟล์ที่อัปเดตแล้ว ในการดำเนินการนี้ ให้ไปที่หน้า WPML → การตั้งค่า และคลิกแท็บ การกำหนดค่า XML ที่กำหนดเอง คัดลอกเนื้อหาของไฟล์การกำหนดค่าภาษาที่อัปเดตแล้วลงในตัวแก้ไข จากนั้นคลิก บันทึก

3. สร้างหน้าใหม่และเพิ่มโมดูลใหม่ลงไป ในกรณีที่คุณอัปเดตแอตทริบิวต์บางอย่างสำหรับโมดูลที่มีอยู่ ให้เพิ่มโมดูลเหล่านี้ลงในหน้าเว็บด้วย ในตัวอย่างนี้ เราจะสมมติว่ามีการเพิ่มโมดูล Call To Action ใหม่ลงใน WPBakery Page Builder เพิ่มลงในหน้าเว็บและคลิก เผยแพร่

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

7. ตรวจสอบหน้าเว็บที่แปลแล้วที่ส่วนหน้าเว็บไซต์

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

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

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

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

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