การแปลไซต์ที่สร้างด้วยเลย์เอาต์แบบลากและวาง

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

ข้อมูลเบื้องต้นเกี่ยวกับ Layouts

ปลั๊กอิน Layouts เป็นตัวแก้ไขเลย์เอาต์หน้าเว็บแบบลากและวาง Layouts ทำงานร่วมกับธีมที่ใช้ Bootstrap และสร้างการออกแบบที่ตอบสนองต่อขนาดหน้าจอ ซึ่งเป็นส่วนหนึ่งของแพ็คเกจ Toolset ของปลั๊กอินสำหรับการพัฒนา WordPress

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

การแปลไซต์ที่ใช้ Layouts

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

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

องค์ประกอบแบบคงที่ในหน้านี้คือส่วนหัว ข้อความ 'Our Services' และ 'Features Articles' เป็นส่วนหนึ่งของเลย์เอาต์ ข้อความเหล่านี้ไม่ได้มาจากเนื้อหาแบบไดนามิกใด ๆ เมื่อคุณใช้เลย์เอาต์เดียวกันสำหรับหน้าแรกในภาษาอื่น คุณย่อมต้องการให้ข้อความเหล่านี้แสดงเป็นคำแปล นี่คือจุดที่ Packages Translation ของ WPML เข้ามามีบทบาท นี่คือ API ใหม่ที่เราได้เพิ่มลงใน WPML 3.2 และเปิดให้ผู้พัฒนารายอื่น ๆ นำไปใช้งานได้

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

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

ต้องการทดลองใช้หรือไม่

เราได้สร้างไซต์ทดสอบเพื่อให้คุณได้ทดลองใช้ปลั๊กอิน Toolset และ WPML หากต้องการใช้งาน ให้เปิดไซต์ฝึกอบรมส่วนตัวและฟรีของคุณ

เราได้สร้างเนื้อหาทดสอบไว้ให้คุณแล้ว เพื่อให้คุณสามารถทดลองใช้ Layouts และกระบวนการแปลได้

ภาษาเริ่มต้นของไซต์คือภาษาอังกฤษและได้รับการแปลเป็นภาษาสเปนอย่างครบถ้วนแล้ว เราได้เพิ่มเนื้อหาในภาษาฝรั่งเศส แต่ยังไม่ได้แปลเลย์เอาต์เป็นภาษาฝรั่งเศส

ทำตามวิดีโอด้วยขั้นตอนเหล่านี้:

1. สร้างไซต์ฝึกอบรมใน discover-wp.com
2. ไปที่หน้าแรกของไซต์ของคุณและสลับเป็นภาษาฝรั่งเศส คุณจะสังเกตเห็นว่าองค์ประกอบแบบไดนามิกทั้งหมดเป็นภาษาฝรั่งเศส แต่ข้อความแบบคงที่ยังคงเป็นภาษาอังกฤษ
3. เริ่มต้นด้วยการทดลองใช้ Layouts และดูว่าทำงานอย่างไร
4. ไปที่ WPML->การจัดการการแปล ในแท็บ "แดชบอร์ดการแปล" ในส่วนตัวกรอง ให้เลือก "Layouts" จากเมนูแบบเลื่อนลงประเภท
5. เลือกเลย์เอาต์ Home และส่งไปแปลเป็นภาษาฝรั่งเศส (มีการแปลเป็นภาษาสเปนแล้ว)
6. ไปที่ WPML->การแปล และค้นหางานแปล Layout-Home แล้วคลิกที่ 'รับและแก้ไข'
7. แปลข้อความ ต้องการความช่วยเหลือใช่ไหม ใช้เอกสารข้อมูลสรุปการแปลนี้สำหรับข้อความหลักในหน้าเว็บ:

   ภาษาอังกฤษ	ภาษาฝรั่งเศส
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

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

ขั้นตอนข้างต้นใช้สำหรับการแปล Layouts โดยใช้ไซต์อ้างอิงของเรา ไซต์นี้มาพร้อมกับปลั๊กอินที่จำเป็นทั้งหมดซึ่งติดตั้งไว้ล่วงหน้าแล้ว

หากคุณต้องการทำตามขั้นตอนบนไซต์ของคุณเอง โปรดดูเอกสารประกอบ 'วิธีการแปล Layouts' ที่ wp-types.com ซึ่งคุณจะพบรายการปลั๊กอินที่จำเป็นทั้งหมดและตัวอย่างเพิ่มเติม

ขั้นตอนต่อไปคืออะไร

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

เราต้องการเห็นปลั๊กอินและธีมอื่น ๆ อีกมากมายนำเสนอการแปลที่ง่ายดายสำหรับโครงสร้างที่ซับซ้อน หากคุณกำลังใช้ปลั๊กอินสร้างหน้าเว็บ แบบฟอร์ม และองค์ประกอบ 'ที่ไม่ใช่ WordPress' อื่น ๆ เราขอแนะนำให้คุณติดต่อผู้พัฒนาปลั๊กอินและธีมเหล่านี้ บอกพวกเขาเกี่ยวกับความเป็นไปได้นี้ใน WPML เรามีความสนใจอย่างมากที่จะร่วมงานกับผู้พัฒนารายอื่น ๆ และผสานการทำงานกับ Packages Translation API

แสดงความคิดเห็นของคุณไว้ที่นี่ แล้วเราจะติดต่อกลับไป