สร้างเว็บไซต์ Pixpa ของคุณหลายภาษาด้วย Weglot

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

ไม่ยุ่งยาก:เพียงเชื่อมต่อเว็บไซต์ Pixpa ของคุณกับบัญชี Weglot เพื่อรับเว็บไซต์ที่แปลและแสดงผลอย่างสมบูรณ์ภายในไม่กี่นาที

การแปลอัตโนมัติ: Weglot จะสแกนและตรวจจับข้อความ รูปภาพ และข้อมูลเมตา SEO ของเว็บไซต์ Pixpa ของคุณโดยอัตโนมัติ และแปลเนื้อหาหรือหน้าเว็บใหม่ๆ อย่างต่อเนื่องเมื่อคุณอัปเดตเว็บไซต์

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

---

ในบทความนี้:  

• ตั้งค่าบัญชี Weglot และคัดลอกรหัส Weglot JS
• ฝังโค้ด JS ลงใน Pixpa Studio
• แปลองค์ประกอบไซต์แบบไดนามิก
• ตัวสลับภาษาเริ่มต้นของ Weglot
• ตัวสลับภาษา Pixpa
• เพิ่มการยกเว้นการแปล
• การใช้โดเมนย่อยสำหรับเว็บไซต์ภาษา

---

หากต้องการคัดลอกข้อมูลโค้ด Weglot ให้ทำตามขั้นตอนเหล่านี้:

• สมัครบัญชี สำหรับบัญชี Weglot
• คุณควร รับอีเมลยืนยัน ในบัญชีที่คุณสมัคร หลังจากตรวจสอบอีเมลของคุณแล้ว คุณจะมาถึงหน้าการตั้งค่า Weglot
• สร้างโครงการใหม่ และเลือก “อื่นๆ” เป็น “เทคโนโลยีเว็บไซต์”
• ในขั้นตอนถัดไป เลื่อนลงไปที่ช่องและคลิกที่ “ใช้การรวม Javascript” ดังแสดงด้านล่าง

• จากนั้น คุณจะได้รับแจ้งให้ป้อนภาษาต้นฉบับของเว็บไซต์ Pixpa และภาษาใหม่ที่คุณต้องการแปลและแสดงเว็บไซต์ของคุณ

• ในขั้นตอนถัดไป ให้คัดลอกโค้ดที่แสดงบนหน้าจอของคุณแล้ววางใน Pixpa Studio แค่นั้นแหละ.

---

ฝังโค้ด JS ที่คัดลอกไว้ใน Pixpa Studio

• ไปที่ การตั้งค่า (1) และคลิกที่ ภาษาและป้ายกำกับ (2) บนแถบด้านข้างซ้าย
• เปิดใช้งาน เวกล็อต สลับ (3) และวางสำเนา โค้ด Weglot JS (4)
• คลิกที่ ลด ปุ่ม. แค่นั้นแหละ.

---

แปลเว็บไซต์ Pixpa ของคุณแล้ว!

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

เข้าสู่ระบบบัญชี Weglot ของคุณ จากนั้นไปที่ “ การแปล ” เพื่อค้นหาและแก้ไขคำแปลทั้งหมดของคุณ

---

แปลองค์ประกอบไซต์แบบไดนามิก

โดยค่าเริ่มต้น Weglot อาจไม่แปลเนื้อหาแบบไดนามิก (เช่น ส่วนต่างๆ ของรายการ ส่วนหัวเรื่อง ฯลฯ) หากต้องการแก้ไขปัญหานี้ ให้ไปที่บัญชี Weglot ของคุณ แล้วไปที่การตั้งค่าแอป

• คลิกที่ปุ่มเพิ่มไดนามิก
• ดังที่แสดงด้านล่าง ให้คัดลอกและวางตัวเลือก CSS แล้วกดบันทึก Do อย่าลืมจุดนำหน้า

.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc

• แค่นั้นแหละ. โหลดไซต์ Pixpa ของคุณใหม่ทันที
• การเปลี่ยนแปลงควรปรากฏให้เห็นในอีก 30 วินาทีต่อมา อย่าลังเลที่จะฮาร์ดรีเฟรช* หน้าเว็บไซต์ของคุณ และกลับมาตรวจสอบอีกครั้งในหน้าต่างที่ไม่ระบุตัวตน หากคุณไม่สังเกตเห็นการเปลี่ยนแปลง

*ฮาร์ดรีเฟรช:
Mac: cmd shift R (ตัวพิมพ์เล็ก)
PC: กด Ctrl F5

---

ตัวสลับภาษาสไตล์

คุณสามารถเลือกระหว่างตัวสลับภาษาเริ่มต้นของ Weglot และ Pixpa

ตัวสลับภาษาเริ่มต้นของ Weglot

ตัวสลับภาษาที่จัดทำโดย Weglot เป็นกล่องเล็ก ๆ อยู่ที่มุมล่างขวาของเว็บไซต์ นี่คือลักษณะ:

---

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

---

นอกจากนี้ คุณยังสามารถเพิ่มCSS แบบกำหนดเอง (2) ที่นี่เพื่อปรับแต่งการออกแบบสวิตช์หรือเปลี่ยนตำแหน่งเริ่มต้นบนเว็บไซต์ได้ อีกด้วย

ตัวอย่างเช่น ตำแหน่งเริ่มต้นของตัวสลับไอคอน Weglot คือด้านล่างขวา หากต้องการเปลี่ยนตำแหน่งไปทางด้านซ้ายให้เพิ่มโค้ด CSS ต่อไปนี้ในบัญชี Weglot ของคุณ

.wg-default, .wg-default .country-selector  {
    left: 40px!important;
    right: auto!important;
}

คลิกที่นี่เพื่อดูตัวอย่างการปรับแต่งเพิ่มเติมของตัวสลับสัญญาณเริ่มต้น

---

ตัวสลับภาษา Pixpa

ใช้คุณสมบัติสไตล์จากเว็บไซต์ Pixpa ตัวสลับโหมดจะเป็นส่วนหนึ่งของเมนูหลักของเว็บไซต์

คลิกที่นี่เพื่อดูตัวอย่างการใช้งาน – light.pixpa.com

---

เพิ่มการยกเว้นการแปล

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

• คลิกที่ เพิ่มกฎ ภายใต้ส่วนบล็อกที่แยกออก
• ดังที่แสดงด้านล่าง ให้คัดลอกและวางตัวเลือก CSS แล้วกดบันทึก Do อย่าลืมจุดนำหน้า

.pixpa-ภาษาสลับ

---

การใช้โดเมนย่อยสำหรับเว็บไซต์ภาษา

ด้วย Weglot คุณสามารถตั้งค่าโดเมนย่อยสำหรับเว็บไซต์แต่ละเวอร์ชันภาษาของคุณได้ ตัวอย่างเช่น:

• en.yourwebsite.com สำหรับภาษาอังกฤษ
• fr.yourwebsite.com สำหรับภาษาฝรั่งเศส
• es.yourwebsite.com สำหรับภาษาสเปน

แนวทางนี้เป็นมิตรต่อ SEO และช่วยให้เครื่องมือค้นหาสามารถสร้างดัชนีเวอร์ชันภาษาต่างๆ แยกกันได้

ขั้นตอนการตั้งค่าการแปลโดเมนย่อยใน Weglot

• เข้าสู่ระบบบัญชี Weglot ของคุณ – ไปที่ weglot.com และ เข้าสู่ระบบ. หากคุณไม่มีบัญชี คุณสามารถ สร้างขึ้น.
• สร้างโครงการใหม่สำหรับเว็บไซต์ Pixpa ของคุณ -
  • ระบุก ชื่อโครงการ และเลือก อื่นๆ เป็นเทคโนโลยีเว็บไซต์
  • คลิก ถัดไป ปุ่ม

• เลือกเว็บไซต์ของคุณ ภาษาต้นฉบับ และ ภาษาที่คุณต้องการเพิ่ม (ภาษาที่แปลแล้ว) และคลิก ถัดไป

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

5. ตั้งค่า DNS ด้วยตนเอง – เลือกตัวเลือกเพื่อกำหนดค่าระเบียน DNS ของคุณด้วยตนเอง
6. คัดลอกบันทึก DNS – คัดลอกรายละเอียดระเบียน CNAME ที่ให้มา (ชื่อ ประเภท และค่า) และเพิ่มลงในการตั้งค่า DNS ของโดเมนของคุณผ่านทางผู้ให้บริการจดทะเบียนโดเมนของคุณ
7. ตรวจสอบ DNS – เมื่อเพิ่มระเบียน DNS แล้ว ให้รอสักสองสามนาทีเพื่อแพร่กระจาย จากนั้นคลิกตรวจสอบ DNS เพื่อยืนยันการเชื่อมต่อ

8. เพิ่มสคริปต์ Weglot ลงใน Pixpa – คัดลอกส่วนการผสานรวม JavaScript ที่จัดทำโดย Weglot และวางลงใน โค้ด Weglot JS ทุ่งที่ตั้งอยู่ใต้ ภาษาและป้ายกำกับ ส่วนใน Pixpa Studio ของคุณ

9. ทดสอบโดเมนย่อยหลายภาษาของคุณ – เยี่ยมชมแต่ละโดเมนย่อย (เช่น fr.yourwebsite.com) เพื่อยืนยันว่าเว็บไซต์ของคุณแสดงเวอร์ชันที่แปลถูกต้อง ตัวสลับภาษาของ Weglot ยังช่วยให้ผู้เข้าชมสามารถสลับภาษาได้อีกด้วย