วิธีสร้างเว็บไซต์หลายภาษาโดยใช้ Drupal 9

เผยแพร่แล้ว: 2022-06-21

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

ในการวิจัยล่าสุดที่จัดทำขึ้นจากรายชื่อแบรนด์ระดับโลก 150 อันดับแรกในอุตสาหกรรมต่างๆ Wikipedia, Google, Nestle, Airbnb และ Adobe กลายเป็นแบรนด์ 5 อันดับแรกที่ทำคะแนนได้ดีที่สุดในแง่ของการสนับสนุนหลายภาษา โลคัลไลเซชัน และประสบการณ์ผู้ใช้ทั่วโลก หากคุณกำลังพิจารณาโลคัลไลซ์ซิ่งแบรนด์ของคุณเมื่อคุณไปทั่วโลก Drupal เป็น CMS ที่ยอดเยี่ยมในการเลือกเพราะการสนับสนุนที่ยอดเยี่ยมสำหรับเว็บไซต์หลายภาษา ในบทความนี้ เราจะอธิบายวิธีการทำงานของฟีเจอร์หลายภาษาของ Drupal 9 และวิธีที่ผู้แก้ไขเนื้อหาหรือทีมเนื้อหาสามารถใช้คุณสมบัตินี้ได้

เว็บไซต์หลายภาษาโดยใช้ Drupal 9

โมดูลรองรับหลายภาษา

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

ภาษา
  1. โมดูลการแปลการกำหนดค่า - ผู้ใช้นี้ไม่สามารถมองเห็นได้ แต่มีประโยชน์อย่างยิ่งสำหรับผู้สร้างไซต์ มันแปลข้อความการกำหนดค่าเช่นชื่อมุมมอง
  2. โมดูลการแปลเนื้อหา - อนุญาตให้แปลเอนทิตีและประเภทเนื้อหา เช่น บล็อก ความคิดเห็น เงื่อนไขการจัดหมวดหมู่ ลิงก์เมนูที่กำหนดเอง และอื่นๆ
  3. โมดูล การแปลส่วนต่อประสาน - ช่วยแปลองค์ประกอบส่วนต่อประสานผู้ใช้ เช่น หน้าแรก แบบฟอร์ม ชื่อ เนื้อหา คำอธิบาย ฯลฯ
  4. โมดูลภาษา - เวทมนตร์ที่แท้จริงเกิดขึ้นที่นี่ ที่นี่คุณสามารถเลือกภาษาต่างๆ ได้ทั้งหมด (>100) และเพิ่มลงในการกำหนดค่าของคุณ

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

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับแต่ละโมดูลเหล่านี้ โปรดอ่านบทความนี้

การใช้คุณสมบัติหลายภาษา

เมื่อคุณเปิดใช้งาน 4 โมดูลเหล่านี้แล้ว มาดำดิ่งในการกำหนดค่ากันเลย

ขั้นตอนที่ 1: เพิ่มภาษา (หรือหลายภาษา)

ในอินเทอร์เฟซผู้ดูแลระบบ Drupal 9 ให้ไปที่การ กำหนดค่า -> ภูมิภาคและภาษา -> ภาษา เมื่อคุณอยู่ในหน้าภาษา ให้คลิกที่ปุ่ม + เพิ่มภาษา

เลือกภาษา

ฉันเลือกภาษาสเปนเป็นภาษาของฉันและเพิ่มลงในรายการภาษา

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

เพิ่มภาษา

การเพิ่มภาษา

ขั้นตอนที่ 2: อัปเดตการแปล

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

กำลังอัปเดต

การนำเข้าการแปล

ขั้นตอนที่ 3: ตัวสลับภาษา

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

กำหนดค่าบล็อก

การเพิ่มบล็อกตัวสลับภาษา

ขั้นตอนที่ 4: การเพิ่มการแปลลงในประเภทเนื้อหาและเอนทิตี

คุณสามารถมีการแปลสำหรับชนิดเนื้อหาและเอนทิตีทั้งหมดของคุณ หรือคุณสามารถเลือกการแปลตามความต้องการของคุณ

สำหรับสิ่งนี้ บนหน้าจอผู้ดูแลระบบของคุณ ไปที่การ กำหนดค่า -> ภูมิภาคและภาษา -> ภาษาของเนื้อหาและการแปล

ฉันได้เลือกการตั้งค่าภาษาที่กำหนดเองสำหรับเนื้อหา การเปลี่ยนเส้นทาง และนามแฝง URL ภายใต้เนื้อหา ฉันจะมีการแปลเฉพาะสำหรับประเภทเนื้อหา "หน้าโฆษณา" ของฉัน (ดังที่แสดงด้านล่าง) ช่องทั้งหมดของฉันภายใต้ประเภทเนื้อหา "หน้าโฆษณา" ได้รับเลือกให้แปล

ค่าเริ่มต้น

ตอนนี้เราพร้อมแล้วที่จะเพิ่มเนื้อหาที่แปลแล้วไปยังประเภทเนื้อหาที่จำเป็น

การแปลเนื้อหา

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

ขั้นตอนที่ 1: สร้างหน้าใหม่หรือแก้ไขหน้าที่มีอยู่

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

แปลภาษา

ขั้นตอนที่ 2: เลือกภาษา

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

การทดสอบหลายภาษา

ขั้นตอนที่ 3: เพิ่มเนื้อหาที่แปลแล้วลงในช่องที่เกี่ยวข้อง

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

เพิ่มการทดสอบหน้าภาษาสเปน

ขั้นตอนที่ 4: บันทึกและตรวจสอบ!

เราเกือบจะอยู่ที่นั่นแล้ว! หลังจากเพิ่มเนื้อหาที่แปลแล้ว อย่าลืม Guardar การแปลของคุณ! :)

เพิ่มส่วนประกอบ

และนี่คือหน้าตาของหน้าเว็บหลายภาษาของคุณในตอนนี้

เปลี่ยนภาษา

เวอร์ชันภาษาสเปน

คุณจะสังเกตเห็นว่า URL ที่สร้างขึ้นสำหรับเวอร์ชันแปล (ในที่นี้เป็นภาษาสเปน) จะมีคำนำหน้าภาษา (ที่นี่: es)

ภาษาทดสอบ

ฉบับภาษาอังกฤษ

โครงการหลายภาษาล่าสุดของเราใน Drupal 9 คือโครงการสำหรับ SEMI SEMI เป็นสมาคมอุตสาหกรรมระดับโลกที่เชื่อมโยงผู้เชี่ยวชาญมากกว่า 1.3 ล้านคนและสมาชิก 2,500 คนทั่วโลกผ่านโครงการ การริเริ่ม การวิจัยตลาด และการสนับสนุน สมาชิก SEMI มีหน้าที่รับผิดชอบด้านนวัตกรรมและความก้าวหน้าในการผลิตอุปกรณ์อิเล็กทรอนิกส์และการออกแบบซัพพลายเชน ด้วยสำนักงานประจำภูมิภาค 8 แห่งทั่วโลก การมีการตั้งค่าหลายภาษาจึงเป็นสิ่งจำเป็นสำหรับพวกเขาในการเปิดใช้โฟกัสและปรับแต่งได้ อ่านเพิ่มเติมเกี่ยวกับวิธีที่เราช่วยพวกเขาสร้างประสบการณ์หลายภาษาที่เหนียวแน่นด้วย Drupal 9

ภูมิภาคกึ่ง

https://www.semi.org/region-selector

ความคิดสุดท้าย

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