การแปลชอร์ตโค้ดแบบกำหนดเองด้วย WPML

เรียนรู้วิธีแปลชอร์ตโค้ดจากปลั๊กอิน ธีม และชอร์ตโค้ดที่คุณพัฒนาขึ้นเองด้วย WPML

ด้วย WPML คุณสามารถแปลได้ทั้งชอร์ตโค้ดแบบข้อความและแบบ ID โดยชอร์ตโค้ดแบบข้อความจะแสดงผลลัพธ์เป็นข้อความ ดังนี้

[goodmorning name="Dear client"]

ในทางกลับกัน ชอร์ตโค้ดแบบ ID จะแสดงผลลัพธ์ขององค์ประกอบโดยใช้หมายเลข ID ดังนี้

[myslider id="1"]
[myslider id="2"]

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

ในการแปลชอร์ตโค้ด คุณจะต้องแทนที่ ID ของสไลเดอร์ตัวหนึ่งด้วยอีกตัวหนึ่ง (เช่น 1 → 2)

การแปลชอร์ตโค้ดจากปลั๊กอินและธีมที่เข้ากันได้

หากต้องการแปลชอร์ตโค้ดจากปลั๊กอิน และธีมที่เข้ากันได้ ให้ไปที่ WPML → แดชบอร์ดการแปล แล้วส่งหน้าเว็บที่มีชอร์ตโค้ดของคุณไปแปล ชอร์ตโค้ดของคุณจะปรากฏใน ตัวแก้ไขการแปลขั้นสูง ร่วมกับเนื้อหาส่วนอื่น ๆ ของหน้าเว็บ

ตัวอย่างเช่น นี่คือลักษณะที่ชอร์ตโค้ดต่อไปนี้ปรากฏในตัวแก้ไข

[goodmorning name="Dear client"]

การแปลชอร์ตโค้ดแบบข้อความในตัวแก้ไขการแปลขั้นสูง

หากชอร์ตโค้ดของคุณมีแอตทริบิวต์ลิงก์ (URL) ให้ใช้แถบค้นหาเพื่อค้นหา โดยค่าเริ่มต้น WPML จะซ่อนลิงก์ในชอร์ตโค้ดไว้

การแปลแอตทริบิวต์ลิงก์ของชอร์ตโค้ดในตัวแก้ไขการแปลขั้นสูง

การแปลชอร์ตโค้ดจากปลั๊กอินและธีมที่ไม่เข้ากัน

หากต้องการแปลชอร์ตโค้ดจากปลั๊กอินและธีมที่ไม่เข้ากัน คุณต้องลงทะเบียนชอร์ตโค้ดเหล่านั้นในไฟล์ การกำหนดค่า XML ที่กำหนดเอง ของ WPML ก่อน

พิจารณาตัวอย่างนี้ที่มีชอร์ตโค้ดสองตัว

[fanpage link="https://example.com"]Some content[/fanpage]
[goodmorning name="dear client" type="official"]

ในการลงทะเบียนชอร์ตโค้ดเหล่านี้ใน WPML เราจะใช้โค้ดการกำหนดค่าดังต่อไปนี้

<wpml-config>
  <shortcodes>
    <shortcode>
      <tag>goodmorning</tag>
      <attributes>
        <attribute>name</attribute>
        <attribute>type</attribute>
      </attributes>
    </shortcode>
    <shortcode>
      <tag label="Fanpage shortcode">fanpage</tag>
      <attributes>
        <attribute>link</attribute>
      </attributes>
    </shortcode>
  </shortcodes>
</wpml-config>

นี่คือวิธีการทำงานของการกำหนดค่าใน WPML

วางชอร์ตโค้ดทั้งหมดไว้ใน <shortcodes>
ครอบการตั้งค่าชอร์ตโค้ดแต่ละรายการไว้ใน <shortcode>
กำหนดชื่อ shortcode ด้วย <tag> และใส่ป้ายกำกับที่กำหนดเองตามต้องการ ป้ายกำกับเหล่านี้จะแสดงถัดจากข้อความใน ตัวแก้ไขการแปลขั้นสูง
กำหนดชื่อของแต่ละแอตทริบิวต์ด้วย <attribute>
ครอบแอตทริบิวต์ทั้งหมดไว้ใน <attributes>

เมื่อคุณลงทะเบียนชอร์ตโค้ดแล้ว คุณจะสามารถแปลชอร์ตโค้ดเหล่านั้นร่วมกับเนื้อหาส่วนอื่น ๆ ของหน้าเว็บได้ผ่านทาง WPML → แดชบอร์ดการแปล

การแปลชอร์ตโค้ดที่กำหนดเอง

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

การแปลข้อความฮาร์ดโค้ดภายในชอร์ตโค้ด

โดยค่าเริ่มต้น ข้อความฮาร์ดโค้ดจะไม่สามารถแปลได้ใน WPML หากต้องการทำให้สามารถแปลได้ คุณสามารถใช้เฟรมเวิร์ก Gettext พิจารณาตัวอย่างนี้ที่มี "Good morning" เป็นข้อความฮาร์ดโค้ด

function goodmorning_att($atts) {
    $default = array(
        'name' => 'there',
    );
    $a = shortcode_atts($default, $atts);
    return 'Good morning, '.$a['name'];
}
add_shortcode('goodmorning', 'goodmorning_att');

หากต้องการให้ "Good morning" สามารถแปลได้ คุณสามารถปรับโค้ดเพื่อใช้ Gettext ดังนี้

function goodmorning_att($atts) {
    $default = array(
        'name' => 'there',
    );
    $a = shortcode_atts($default, $atts);
    return __('Good morning, ', 'default').$a['name'];
}
add_shortcode('goodmorning', 'goodmorning_att');

วิธีนี้จะทำให้ข้อความ "Good morning" สามารถแปลได้ และเพิ่มข้อความดังกล่าวลงใน การแปลสตริง

แหล่งข้อมูลเพิ่มเติม

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับไฟล์ wpml-config.xml โปรดไปที่คู่มือไฟล์การกำหนดค่าภาษา สำหรับการกำหนดค่าองค์ประกอบอื่น ๆ ใน WPML โปรดดูคู่มือเพิ่มเติมของเรา