TranslatePress TRANSLATEPRESS

สร้างเว็บไซต์หลายภาษาด้วย TranslatePress

เรียนรู้การเพิ่มภาษา ตั้งค่าภาษาหลักและภาษาที่สอง แปลข้อความผ่าน Visual Translation Editor และเพิ่ม Language Switcher ให้ผู้ใช้งานเปลี่ยนภาษาได้สะดวก

Visual Translation Language Switcher Responsive
Translation Editor Live
TRANSLATEPRESS 101

TranslatePress ใช้ทำอะไร?

ใช้สร้างเว็บไซต์ WordPress หลายภาษา โดยสามารถแปลข้อความจากหน้าเว็บไซต์จริง ผ่าน Visual Translation Editor

01

Multilingual Websites

เพิ่มภาษาที่เว็บไซต์ต้องการ แล้วให้ผู้ใช้งานเลือกภาษา ตามความต้องการ

02

Visual Translation

คลิกข้อความบนหน้าเว็บ แล้วแปลจากหน้าจอจริง ช่วยลดความสับสนว่าแต่ละข้อความอยู่ตรงไหน

03

Language Switcher

เพิ่มตัวเลือกภาษา บริเวณ Header, Menu หรือส่วนอื่นที่เหมาะสมกับเว็บไซต์

TRANSLATION WORKFLOW

ตั้งค่า TranslatePress ตามลำดับนี้

เริ่มจากกำหนดภาษาก่อน แล้วค่อยแปลเนื้อหาและเพิ่มตัวเลือกภาษา

01
DEFAULT LANGUAGE

กำหนดภาษาหลัก

เลือกภาษาหลักที่เว็บไซต์ใช้งานอยู่ เช่น ภาษาไทย ก่อนเริ่มเพิ่มภาษาอื่น

02
LANGUAGES

เพิ่มภาษาที่ต้องการ

เพิ่มภาษาที่เว็บไซต์ต้องรองรับ เช่น English และจัดลำดับภาษาตามต้องการ

03
TRANSLATE SITE

เปิด Translation Editor

เปิดหน้า Translate Site แล้วเลือกข้อความที่ต้องการแปล จากหน้าเว็บไซต์จริง

04
CONTENT

แปลเนื้อหาให้ครบ

แปล Heading, Button, Menu, Footer, Form และข้อความอื่นที่ผู้ใช้งานมองเห็น

05
SWITCHER

เพิ่ม Language Switcher

วางตัวเลือกภาษา ในจุดที่ผู้ใช้งานมองเห็นง่าย เช่น Header หรือ Menu

06
TEST

ตรวจทุกภาษา

เปลี่ยนภาษาและเปิดดูทุกหน้า ตรวจข้อความที่ยังไม่ได้แปล รวมถึง Mobile และ Menu

TRANSLATEPRESS SETTINGS

ส่วนสำคัญที่ควรรู้

กดเลือกหัวข้อเพื่อดูแนวทางตั้งค่า สำหรับเว็บไซต์หลายภาษา

LANGUAGES

Language Setup

ตั้งค่าภาษาหลัก และภาษาที่ต้องการแสดงบนเว็บไซต์ ก่อนเริ่มงานแปล

01
Default Language เลือกภาษาต้นฉบับของเว็บไซต์
02
All Languages เพิ่มภาษาที่ผู้ใช้งานสามารถเลือกได้
03
Language Order เรียงลำดับภาษาที่ต้องการแสดง
04
Save Changes บันทึกก่อนเข้าสู่ Translation Editor
VISUAL EDITOR

Translation Editor

แปลข้อความโดยดูหน้าเว็บจริง ทำให้รู้ทันทีว่าข้อความ ที่กำลังแก้อยู่ตรงส่วนไหน

01
เลือกข้อความ คลิกองค์ประกอบจากหน้า Preview
02
ใส่คำแปล พิมพ์ข้อความของภาษาที่เลือก
03
Save Translation บันทึกก่อนเปลี่ยนข้อความถัดไป
04
Preview ตรวจข้อความในบริบทจริงของหน้า
NAVIGATION

Language Switcher

ช่วยให้ผู้ใช้งาน เปลี่ยนภาษาของเว็บไซต์ ได้โดยไม่ต้องค้นหาหลายขั้นตอน

01
Menu เพิ่มตัวเลือกภาษาใน Navigation
02
Short Language Name เช่น TH / EN เพื่อประหยัดพื้นที่
03
Flags ใช้ร่วมกับชื่อภาษาเมื่อเหมาะสม
04
Mobile ตรวจว่าตัวเลือกภาษาไม่ทับ Menu
QUALITY CHECK

Translation Review

หลังแปลเสร็จ ควรเปิดเว็บไซต์ด้วยภาษาที่สองจริง และตรวจทุกหน้าที่สำคัญ

01
Header & Menu ตรวจ Menu และ Dropdown ทุกภาษา
02
Page Content ตรวจ Heading, Paragraph และ CTA
03
Forms ตรวจ Label และข้อความหลัง Submit
04
Footer ตรวจ Widget และข้อความ Copyright
VISUAL TRANSLATION

แปลจากบริบทจริงของหน้าเว็บ

การเห็นต้นฉบับและหน้าเว็บไซต์พร้อมกัน ช่วยให้เลือกคำแปลที่เข้ากับพื้นที่ และความหมายขององค์ประกอบได้ง่ายขึ้น

แปล Heading และ Paragraph
แปล Button และ CTA
แปล Menu และ Footer
ตรวจข้อความไม่ล้น Layout
ตรวจภาษาอีกครั้งหลัง Save
🇹🇭 ภาษาไทย
เรียนรู้การสร้างเว็บไซต์ WordPress แบบเข้าใจง่าย ตั้งแต่พื้นฐานจนถึงการใช้งานจริง
🇬🇧 English
Learn how to build a WordPress website from the basics to practical real-world use.
LANGUAGE SWITCHER

วางตัวเลือกภาษาให้หาเจอง่าย

Language Switcher ควรอยู่ในตำแหน่งที่ผู้ใช้งานคาดเดาได้ และไม่รบกวน Navigation หลัก

🇹🇭 Thai ▾

Dropdown

เหมาะกับเว็บที่มีหลายภาษา และต้องการประหยัดพื้นที่ Header

🇹🇭 ไทย 🇬🇧 English

Language List

แสดงภาษาให้เห็นโดยตรง เหมาะเมื่อมีจำนวนภาษาไม่มาก

🌐 TH / EN

Compact Switcher

ใช้พื้นที่น้อย เหมาะกับ Header บน Mobile หรือเมนูที่มีพื้นที่จำกัด

TRANSLATION UX

หลักการทำเว็บไซต์หลายภาษา

ไม่ใช่เพียงแปลคำให้ครบ แต่ต้องให้เว็บไซต์ทุกภาษาใช้งานได้ดีเหมือนกัน

01

อย่าแปลแบบคำต่อคำ

ให้รักษาความหมาย และภาษาที่เป็นธรรมชาติสำหรับผู้อ่าน

02

ตรวจความยาวข้อความ

ภาษาแต่ละภาษามีความยาวต่างกัน ต้องตรวจ Button และ Heading

03

Check Every Device

Language Switcher และ Menu ต้องใช้งานได้บน Mobile

04

ตรวจ Form ด้วย

Label, Button และ Success Message ควรเป็นภาษาที่ผู้ใช้งานเลือก

TRANSLATION CHECKLIST

เช็กเว็บไซต์หลายภาษาก่อนใช้งานจริง

ติ๊กสิ่งที่ตรวจสอบแล้ว ระบบจะคำนวณความพร้อมให้แบบอัตโนมัติ

TRANSLATION PROGRESS
0%

ทำ Checklist ให้ครบ ก่อนเปิดเว็บไซต์หลายภาษาให้ผู้ใช้งานจริง

ตั้ง Default Language แล้ว ภาษาต้นฉบับของเว็บไซต์ถูกต้อง
เพิ่มภาษาที่ต้องการแล้ว รายการภาษาตรงตามเว็บไซต์จริง
แปลหน้าแรกแล้ว Hero, Content และ CTA ครบ
แปล Header และ Menu แล้ว Navigation ของทุกภาษาอ่านเข้าใจง่าย
แปล Footer แล้ว Widget และข้อความสำคัญครบ
Language Switcher ทำงาน เปลี่ยนภาษาได้จริงทุกหน้า
Forminator FAQ ไม่มีข้อความหรือเมนูล้นหน้าจอ
ตรวจทุกภาษาจริงแล้ว เปิดหน้าเว็บไซต์และทดสอบเสมือนผู้ใช้งานจริง
FAQ

คำถามเกี่ยวกับ TranslatePress

ได้ครับ แนวทางใช้งานคือสร้างหน้าและ Layout ด้วย Elementor ก่อน จากนั้นใช้ TranslatePress แปลข้อความที่แสดงบนหน้าเว็บไซต์
สำหรับแนวทางการใช้งาน TranslatePress โดยทั่วไปจะทำงานจากเนื้อหาหน้าหลักเดิม แล้วเพิ่มคำแปลผ่าน Translation Editor จึงไม่จำเป็นต้องออกแบบหน้า Elementor ใหม่ซ้ำทั้งหมด เพียงเพื่อเปลี่ยนข้อความภาษา
ให้กลับเข้า Translation Editor เปิดหน้าที่มีข้อความดังกล่าว แล้วตรวจว่าข้อความนั้นมีคำแปลบันทึกไว้หรือยัง โดยเฉพาะข้อความใน Header, Footer, Form และ Plugin ต่าง ๆ
สำหรับเว็บไซต์ทั่วไป ควรวางใน Header หรือ Navigation ที่มองเห็นง่าย และควรตรวจอีกครั้งบน Mobile เพื่อไม่ให้ตัวเลือกภาษาเบียดหรือทับเมนูหลัก
NEXT STEP

เข้าใจเว็บไซต์หลายภาษาแล้ว ต่อไปเรียน WPCode

เรียนรู้การเพิ่ม HTML, CSS, JavaScript และ Code Snippet ให้ WordPress อย่างเป็นระบบโดยไม่ต้องแก้ไฟล์ Theme โดยตรง

เรียน WPCode →
Scroll to Top