ข้ามการนำทาง
หน้าแรก » โครงการที่เกี่ยวข้อง » ฟิลด์กำหนดเองขั้นสูง (ACF) หลายภาษา - แปลฟิลด์ทั้งหมดด้วย WPML » การใช้ WPML เพื่อแปลไซต์ที่สร้างด้วย ACF และ Elementor Pro

การใช้ WPML เพื่อแปลไซต์ที่สร้างด้วย ACF และ Elementor Pro

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

หากต้องการเรียนรู้ว่า Elementor รองรับฟิลด์ ACF ประเภทใด โปรดดูที่ หน้าเอกสารประกอบการผสาน Elementor กับ ACF

ในหน้านี้:

เริ่มต้นใช้งาน

เริ่มต้นด้วยการติดตั้งและเปิดใช้งานปลั๊กอินต่อไปนี้:

การเลือกตัวเลือกการแปลหลายภาษาของ ACF

ACF Multilingual 2.0 มาพร้อมกับวิซาร์ดการตั้งค่าหลายภาษาที่ให้คุณเลือกจากตัวเลือกการแปลสามตัวเลือก:

  • ช่องเดียวกันในภาษาต่างๆ
  • สาขาต่างๆ ในภาษาต่างๆ
  • ผู้เชี่ยวชาญ

เรียนรู้เพิ่มเติมเกี่ยวกับตัวเลือกการแปล

บนไซต์ที่มีอยู่ซึ่งมี ACF, Elementor Pro และ WPML ตัวเลือก ผู้เชี่ยวชาญ จะถูกเลือกสำหรับกลุ่มฟิลด์ที่มีอยู่ของคุณ

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

การเลือกช่องทำเครื่องหมาย ช่องทำเครื่องหมาย และช่องปุ่มตัวเลือกพร้อมการแปล

WPML ช่วยให้คุณสามารถแปลและแสดง ตัวเลือก ที่คุณเพิ่มลงในประเภทฟิลด์ Select , Checkbox และ Radio Button ที่ส่วนหน้า

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

ป้อนแต่ละตัวเลือกในบรรทัดใหม่

การใช้ตัวเลือกการแปล “ช่องเดียวกันข้ามภาษา”

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

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

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

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

ที่นี่ เราจะแสดงให้คุณเห็นอย่างรวดเร็วถึงวิธีการแปลโพสต์และค่าของฟิลด์ด้วยตัวเอง:

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

การแปลเทมเพลต Elementor

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

การใช้ตัวเลือกการแปล “ช่องต่างๆ ในแต่ละภาษา”

เมื่อใช้ Elementor และ ACF กับ WPML คุณสามารถมีจำนวนฟิลด์เท่ากันในแต่ละภาษาของไซต์ของคุณ ในขณะที่มีค่าฟิลด์ต่างกัน

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

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

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

  1. แปลรูปภาพของคุณใน WPML การแปลสื่อ
  2. แปลค่าโพสต์และฟิลด์เป็นภาษารองของเว็บไซต์ของคุณด้วยตนเอง
  3. แปลค่าประเภทฟิลด์ Select ใน การแปลสตริง ของ WPML
  4. กำหนดเทมเพลต Elementor ต่างๆ ให้กับโพสต์ในภาษาเริ่มต้นและภาษารอง

ในส่วนด้านล่าง เราจะแนะนำคุณตลอดขั้นตอนการแปลองค์ประกอบต่างๆ ทั้งหมด

การแปลรูปภาพโดยใช้ การแปลสื่อ

หากคุณมีประเภทช่องรูปภาพ ACF คุณอาจต้องการใช้รูปภาพที่แตกต่างกันในโพสต์ในภาษาต่างๆ

ในการเริ่มต้น ให้ติดตั้งและเปิดใช้งานโปรแกรมเสริม WPML การแปลสื่อ

จากนั้นทำตามขั้นตอนด้านล่าง:

  1. ไปที่ WPML → การแปลสื่อ
  2. ค้นหารูปภาพที่คุณต้องการ “แปล” แล้วคลิกไอคอน ดินสอ ใต้ภาษาที่คุณต้องการใช้รูปภาพอื่น
  3. อัปโหลดรูปภาพอื่นและคลิกที่ปุ่ม บันทึกการแปลสื่อ
การอัปโหลดภาพอื่นและบันทึกการแปลสื่อ

การแปลค่าฟิลด์ โพสต์ และ ACF ใน WordPress Editor

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

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

การแปลตัวเลือกสำหรับฟิลด์ Select, Checkbox และ Radio Button

ในตัวเลือกการแปล ภาษาต่างๆ คุณต้องแปล ตัวเลือก สำหรับประเภทฟิลด์ที่เลือกโดยใช้ การแปลสตริง

เพื่อทำสิ่งนี้:

  1. ไปที่ WPML → การแปลสตริง
  2. ใช้ตัวกรองการแสดงผลที่ด้านบนของหน้า การแปลสตริง เพื่อกำหนดสตริงที่จะแสดง คุณสามารถค้นหาสตริงในโดเมน acf-field-group หรือค้นหาข้อความที่ตรงกันทุกประการ
การกำหนดสตริงที่จะแสดง
  1. เมื่อคุณพบข้อความที่ต้องการแปลแล้ว ให้คลิกไอคอนเครื่องหมาย บวก ใต้ภาษาที่คุณต้องการแปล จากนั้นกด Enter เพื่อบันทึกการแปล
คลิกไอคอนเครื่องหมายบวกเพื่อแปลสตริง

การสร้างเทมเพลต Elementor ที่แตกต่างกันสำหรับการโพสต์ภาษาเริ่มต้นและภาษารอง

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

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

การแปลและการแสดงป้ายกำกับฟิลด์ที่กำหนดเองของ ACF

บางครั้ง คุณอาจต้องการแสดงทั้ง ป้ายกำกับฟิลด์ และค่าจากฟิลด์ที่กำหนดเองของ ACF

ลองใช้โพสต์ของเราเกี่ยวกับภาพยนตร์เป็นตัวอย่าง เราต้องการแสดงป้ายกำกับฟิลด์ Movie Genre และค่าฟิลด์ Action ที่ส่วนหน้า

WPML ช่วยให้คุณแปลป้ายกำกับฟิลด์ ACF ได้ แต่ Elementor ไม่มีวิธีแสดงป้ายกำกับฟิลด์แบบไดนามิกที่ส่วนหน้า ตามค่าเริ่มต้น Elementor สามารถแสดงเฉพาะค่าฟิลด์แบบไดนามิกเท่านั้น
หากต้องการแสดงป้ายกำกับแบบไดนามิก คุณต้องใช้ตัวเลือกในแท็บ ขั้นสูง และเพิ่มข้อความที่คุณเลือกด้วยตนเอง ก่อน หรือ หลัง ค่าของฟิลด์

การเพิ่มข้อความด้วยตนเองก่อนค่าฟิลด์ในแท็บขั้นสูง

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

การแปลข้อความที่เพิ่มลงในเทมเพลตใน เครื่องมือแก้ไขคำแปลขั้นสูง

เมื่อคุณแปลทั้งโพสต์และเทมเพลต คุณจะเห็นคำแปลในตำแหน่งที่ถูกต้องที่ส่วนหน้า

ข้อความที่เพิ่มก่อนที่ฟิลด์ที่กำหนดเองจะแปลในส่วนหน้า