การสร้างเว็บไซต์หลายภาษาด้วยธีม Divi

บทนำ

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

สิ่งที่คุณต้องมี

• ธีม Divi (เวอร์ชัน 2.7.3 หรือใหม่กว่า)
• WPML เวอร์ชันล่าสุด (เวอร์ชัน 3.3.7 หรือใหม่กว่า) รวมถึงส่วนเสริมการแปลสตริง การจัดการการแปล และการแปลสื่อ

แหล่งข้อมูลที่สำคัญ

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

เนื้อหา

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

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

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

1. ในแดชบอร์ด WordPress ของคุณ ให้คลิกที่ "หน้า" จากนั้นคลิก "เพิ่มหน้าใหม่"
2. คลิกที่ปุ่ม "Use The Divi Builder"
3. คลิกที่ "Load From Library"

1. เลื่อนลงและคลิกที่ปุ่ม "Load" ถัดจาก "Homepage Corporate" คุณสามารถเลือกเลย์เอาต์ใดก็ได้ที่คุณต้องการ

1. ตอนนี้ คุณสามารถคลิกลิงก์แสดงตัวอย่างเพื่อดูหน้าแรกของคุณได้

การแปลหน้าแรกของ Divi

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

1. คลิกที่ "คัดลอกเนื้อหาจากภาษาอังกฤษ" ที่พบในกล่องข้อมูลเมตาของภาษาทางด้านขวา จากนั้นคลิกที่ปุ่ม "Use the Divi Builder"

1. เพิ่มข้อความที่แปลแล้วลงในชื่อหน้าและองค์ประกอบต่าง ๆ ของธีม แล้วคลิกที่ปุ่ม "บันทึก"

โปรดทราบว่าขั้นตอนเหล่านี้ใช้ได้กับหน้าใด ๆ ที่สร้างขึ้นโดยใช้ "Divi Page Builder"

การแปลหน้า โพสต์ หมวดหมู่โพสต์ ประเภทโพสต์แบบกำหนดเอง และอนุกรมวิธานที่กำหนดเอง

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

1. ไปที่ "โพสต์" และคลิกที่ไอคอน
2. คลิกที่ปุ่ม "คัดลอกเนื้อหาจาก" เพื่อโหลดเนื้อหาโพสต์ในภาษาเริ่มต้นของคุณ
3. เพิ่มเนื้อหาที่แปลแล้ว

การแปลหมวดหมู่โพสต์

1. ไปที่ โพสต์ > หมวดหมู่ เพื่อเป็นตัวอย่าง เราจะสร้างหมวดหมู่และตั้งชื่อว่า "En-Category" แล้วคลิกที่ปุ่ม "เพิ่มหมวดหมู่ใหม่"
2. คลิกที่หมวดหมู่ที่เราสร้างขึ้น

1. คลิกที่ลิงก์ "เพิ่ม" เพื่อเพิ่มการแปลของหมวดหมู่

1. กรอกข้อมูลในฟิลด์ชื่อ สลัก และคำอธิบายด้วยคำแปลของหมวดหมู่ แล้วคลิกที่ปุ่ม "เพิ่มหมวดหมู่ใหม่"

การแปลประเภทโพสต์แบบกำหนดเอง (Project) และหมวดหมู่ Project

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

การแปลอนุกรมวิธานที่กำหนดเอง

1. ไปที่ WPML > การแปลอนุกรมวิธาน
2. เลือก "Project Categories" จากเมนูดรอปดาวน์ "เลือกอนุกรมวิธานเพื่อแปล"
3. คลิกที่ปุ่ม "แปล" เพื่อเพิ่มการแปลอนุกรมวิธานที่กำหนดเองโดยกรอกข้อมูลในฟิลด์ที่จำเป็น จากนั้นคลิกที่ปุ่ม "ตกลง" ดังที่แสดงด้านล่าง

การแปลข้อความธีมของ Divi และสตริงอื่น ๆ บนเว็บไซต์ของคุณ

ในการแปลสตริงของธีม คุณจะต้องสแกนธีมเพื่อหาสตริง วิธีนี้จะลงทะเบียนสตริงสำหรับการแปลบนหน้าจอการแปลสตริง (อ่านเพิ่มเติมเกี่ยวกับการแปลธีมและปลั๊กอิน)

ซึ่งสามารถทำได้โดยทำตามขั้นตอนด้านล่างนี้:

1. ไปที่ WPML > การแปลธีมและปลั๊กอิน
2. เลือกตัวเลือก "แปลธีมและปลั๊กอินโดยใช้การแปลสตริงของ WPML" แล้วคลิกปุ่ม "บันทึก"

1. คลิกที่ปุ่ม "สแกนธีมเพื่อหาสตริง" วิธีนี้จะลงทะเบียนข้อความของธีมสำหรับการแปลบนหน้าจอการแปลสตริง ดูภาพประกอบด้านล่าง

1. ตอนนี้คุณสามารถไปที่ WPML >> การแปลสตริง

สตริงสามารถกรองได้โดย:

• เลือกสตริงที่จะแสดง (การแปลเสร็จสมบูรณ์, ต้องการการแปล, รอผู้แปล)
• เลือกโดเมนข้อความที่ระบุ
• ค้นหาสตริงที่ระบุโดยพิมพ์ลงในฟิลด์ "ค้นหา:" และคลิกปุ่ม "ค้นหา"

1. คลิกที่ "การแปล" และเพิ่มข้อความที่แปลแล้วของคุณ จากนั้นเลือกตัวเลือก "การแปลเสร็จสมบูรณ์" แล้วคลิก "บันทึก"

โปรดทราบว่าการแปลตัวเลือกธีมสามารถทำได้โดยเลือกโดเมนสตริง "admin_texts_et_divi" บนหน้าจอการแปลสตริง

การแปลตัวเลือกธีมของ Divi

ตัวเลือกธีมสามารถแปลได้โดยใช้หน้าการแปลสตริง ตัวอย่างเช่น หากเราต้องการแปล "Homepage custom title" ที่มีอยู่ในตัวเลือกธีม SEO ของ Divi

ไปที่หน้า "การแปลสตริง" และเลือกโดเมนสตริง "admin_texts_theme_Divi" ค้นหา Homepage custom title ของคุณและเพิ่มเนื้อหาที่แปลแล้ว จากนั้นคลิกที่ปุ่ม "บันทึก" ดังที่แสดงด้านล่าง

การแปลเลย์เอาต์แบบกำหนดเองของ Divi

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

1. บนแดชบอร์ด WordPress ของคุณ ให้ไปที่ Divi > Divi Library แล้วคลิกปุ่มเพิ่มใหม่ ตรวจสอบให้แน่ใจว่าได้ตั้งค่าภาษาหลักที่สลับในแดชบอร์ด WordPress ของคุณเป็นภาษาเริ่มต้นของคุณ
2. กรอกชื่อเลย์เอาต์และเลือก "Template Type:" เป็น "Layout"

1. สร้างโครงสร้างเลย์เอาต์ที่คุณต้องการ ในตัวอย่างของเรา เราจะเพิ่มโมดูลข้อความทางด้านซ้ายและโมดูลรูปภาพทางด้านขวา จากนั้นคลิกที่ปุ่ม "เผยแพร่"

1. คลิกที่ไอคอน ในกล่องข้อมูลเมตาของภาษาที่พบทางด้านขวาเพื่อสร้างเลย์เอาต์ที่แปลแล้ว

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

เมื่อโหลดเทมเพลตเลย์เอาต์เหล่านี้ไปยังหน้าของคุณ คุณสามารถโหลดเลย์เอาต์ภาษาอังกฤษไปยังหน้าภาษาอังกฤษของคุณ และเลย์เอาต์ภาษาสเปนไปยังหน้าภาษาสเปนได้ ซึ่งสามารถทำได้โดย:

1. เพิ่มหน้าใหม่ > คลิกที่ปุ่ม "Use Divi Builder" > คลิกในแท็บ "Load From Library"
2. คลิกที่แท็บ "Add From Library" และคลิกที่ปุ่ม "Load" เพื่อโหลดเลย์เอาต์ภาษาอังกฤษ

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

การแปลเมนูของ Divi

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

การรับความช่วยเหลือ

หากคุณต้องการความช่วยเหลือในการใช้ WPML กับธีม Divi โปรดไปที่ฟอรัมด้านเทคนิคของเรา

ก่อนที่จะโพสต์ปัญหาของคุณ เราขอแนะนำให้คุณตรวจสอบสิ่งต่อไปนี้:

1. ตรวจสอบให้แน่ใจว่าคุณมีธีมและปลั๊กอิน WPML เวอร์ชันล่าสุด และเปิดใช้งานทั้งหมดแล้ว ซึ่งรวมถึง WPML Multilingual CMS, WPML การแปลสตริง และ WPML การจัดการการแปล
2. ยืนยันว่าปัญหาของคุณไม่เกิดขึ้นเมื่อปิดใช้งานปลั๊กอิน WPML แต่เกิดขึ้นเมื่อเปิดใช้งานเฉพาะปลั๊กอินตัวหลักของ WPML เท่านั้น กล่าวคือ ตรวจสอบให้แน่ใจว่าเป็นปัญหาความเข้ากันได้ของ Divi กับ WPML มิฉะนั้น ฝ่ายสนับสนุนของ Divi จะสามารถให้ความช่วยเหลือได้ดีกว่า

บทสรุป

ธีม Divi มีฟีเจอร์มากมาย ด้วยการผสานการทำงานกับ WPML คุณจะสามารถแปลองค์ประกอบต่าง ๆ ทั้งหมดได้อย่างง่ายดาย คำแนะนำโดยละเอียดที่แนะนำในบทช่วยสอนนี้จะช่วยให้คุณสร้างเว็บไซต์ที่ปรับให้เข้ากับท้องถิ่นของคุณได้อย่างชาญฉลาดโดยใช้ธีม Divi และ WPML