imkopkap

แปลภาษา Theme และ Plugin ด้วย Loco Translate

ใช้เวลา 12 นาที 25/01/2015

สำหรับการ แปลภาษา Theme และ Plugin ของเรา  ( ที่เราสร้างขึ้นมาเองหรือ Theme และ Plugin ที่มีภาษาเดียว ) นั้นทำได้ไม่ยากมากนัก โดย Theme และ Plugin ที่มีมาตรฐานนั้น เช่น Theme Fifteen ของ WordPress เอง ก็มีหลายภาษาที่รองรับเหมาะแก่การใช้งานหลากหลายประเทศ

 

ทำไมเราถึงต้องแปลภาษาให้กับ Theme และ Plugin ของเรา?

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

 

เนื่องจากว่ามันสามารถเผยแพร่ไปยังนอกประเทศได้ และจะสำคัญมากและดีมากๆด้วย ถ้า Theme หรือ Plugin ของเราที่พัฒนาขึ้นมาเอง ได้เผยแพร่ไปหลากหลายทั่วประเทศ อีกทั้งยังมีหลายภาษาที่รองรับอีก จะทำให้เรามีเครดิตดีและได้รับการยอมรับอีกด้วย

 

 

ก่อนจะทำการแปลภาษาด้วย Plugin Loco Translate

  1. ในไฟล์ style.css ของเราจำเป็นต้องมี Text domain และชื่อเสียก่อนดังตัวอย่างโค้ดด้านล่าง
    /*
    Theme Name: Twenty Thirteen
    Text Domain: textdomain // text domain จะเป็นชื่ออะไรก็ได้
    */
  2. ในธีมของเราต้องมี Textdomain นะครับ เช่นดังโค้ดด้านล่าง
    <?php _( 'สวัสดี', 'textdomain' ); ?> // text domain ต้องเป็นชื่อที่เรากำหนดไว้ใน style.css

    เมื่อเราใช้ Plugin Loco Translate คำว่า สวัสดี ก็จะไปปรากฎในหน้า Plugin เพื่อให้เราเพิ่มภาษาอื่นเข้าไปได้  ถ้าหากอยากแปลภาษาคำอื่นเพิ่มอีก ก็ให้เพิ่ม text domain เข้าไปนะครับ ความรู้การใช้ Text domain

  3. ให้เราทำการสร้างโฟลเดอร์ languages ในโฟลเดอร์ของ Theme ที่เราจะทำการแปลภาษา
  4. จากนั้นเปิดไฟล์ functions.php ขึ้นมาและเพิ่มโค้ดข้างล่างนี้ลงไป
    load_theme_textdomain( 'textdomain', get_template_directory() .'/languages' ); /* text domain คือ ชื่อที่เรากำหนดไว้ใน text domain ในไฟล์ style.css  และ languages คือโฟลเดอร์ */ 
    load_theme_textdomain( 'textdomain', plugin_dir_url( __FILE__ ). '/languages' ); // สำหรับการแปลภาษาให้ Plugin

คราวนี้ก็พร้อมแล้วครับสำหรับการเตรียมความพร้อมเพื่อแปลภาษาให้กับ Theme และ Plugin ของเรากันครับ มาถึงขั้นตอนการดาวน์โหลด Plugin ครับ

 

ขั้นตอนการแปลภาษา

  1. โหลด Plugin Loco Translate และติดตั้งใช้งานให้เรียบร้อย
  2.  จากนั้นคลิกที่ loco Translate > Manage translation
    Manage Translation
    Manage Translation

     

  3. หา Theme ที่ต้องการแปลภาษา จากนั้นกด New Template เพื่อสร้างไฟล์ .pot ให้สามารถเพิ่มคำแปลภาษาได้

    New Template
    New Template
  4. จากนั้นจะเข้าไปอีกหน้า ให้กดปุ่ม POT เพื่อสร้างไฟล์ .pot และดาวน์โหลดเก็บไว้ในโฟลเดอร์ languages
    POT
    POT

     

  5. เมื่อได้แล้วกดเข้าที่ Manage Translations จากนั้นกด  New languages เพื่อทำการแปลภาษา
    New languages
    New languages

     

  6. เข้ามาถึงหน้านี้ ให้ทำการเลือกภาษาที่ต้องการจะแปล ( ณ ตอนนี้ขอเลือกเป็นภาษาไทยนะครับ )
    new tranlation
    new tranlation

     

  7. จากนั้นกด ปุ่ม PO และ MO เพื่อทำการสร้างไฟล์ภาษาและใช้งานภาษา ให้ save ไว้ที่โฟลเดอร์ languages
    สร้างไฟล์ PO และ MO
    สร้างไฟล์ PO และ MO

     

  8. พร้อมแปลภาษาแล้วครับ เมื่อเราจะทำการแปลภาษาให้กดปุ่ม Sync เพื่อให้มันเรียกไฟล์ PO และ MO ออกมาดัดแปลง
  9. เลือกภาษาและแปลภาษาที่ช่องด้านล่าง
    tranlaste
    tranlaste

     

  10. เมื่อทำการแปลภาษาแล้วร้อยให้กด Save

 

เสร็จเรียบร้อยแล้วครับสำหรับการทำ Theme และ Plugin ให้สามารถใช้หลากหลายภาษาได้ ในที่นี้แก๊ปใช้ Theme เพื่อมาทดลองการแปลภาษา แต่ถ้าอยากแปลภาษา Plugin ก็ทำคล้ายๆกันเลยครับ ไม่ยากมากนัก ลองเล่นกันดูนะครับ ถ้าไม่ได้ยังไง inbox มาทางแฟนเพจเลยครับ

บันทึกแนะนำ

  • platoosom

    ขอบพระคุณเป็นอย่างแรง