การทำเว็บหลายภาษาบน WordPress โดยไม่ใช้ปลั๊กอิน แบบแยกเว็บ

ทำเว็บหลายภาษา WordPress

การทําเว็บหลายภาษาบน WordPress มีหลายวิธี แต่ที่ส่วนใหญ่ทำกันเพื่อให้ง่ายที่สุด อาจมีอยู่ 2 แนวทางครับ ดังนี้ครับ

1. ทำแยกกันเป็นคนละเว็บไปเลย

คือ มี 1 ภาษาอยู่บนโดเมนหลัก เช่น www.mydomain.com กับอีกภาษาจะทำเว็บแยกออกมาต่างหาก อาจจะสร้างที่ซับโดเมน เช่น www.en.mydomain.com หรือจะไปสร้างที่ directory ต่อท้ายชื่อโดเมนก็ได้ครับ เช่น www.mydomain.com/en

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

smart home

ตัวอย่างเว็บ 2 ภาษา ที่ทำแบบแยกเว็บ

2. ใช้ปลั๊กอินช่วยในการแยกแต่ละภาษา

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

อ่านเพิ่มเติม: วิธีทำเว็บหลายภาษาด้วยปลั๊กอิน WPML

สำหรับบทความนี้ผมจะมาแนะการทําเว็บหลายภาษาบน WordPress แบบแยกเว็บครับ

การทำเว็บหลายภาษาบน WordPress แบบแยกเว็บ

1) ติดตั้ง WordPress ที่ Directory ให้เรียบร้อย

สำหรับวิธีการติดตั้ง WordPress ของแต่ละ Hosting อาจมีขั้นตอนไม่เหมือนกัน วิธีที่ง่ายที่สุด ผมแนะนำให้คุณติดต่อผู้ให้บริการโฮสติ้งที่คุณใช้อยู่ (โฮสทุกเจ้ามีบริการลง WordPress ให้ฟรีครับ) แจ้งเขาไปว่า ให้ติดตั้ง WordPress ที่ Directory ของโดเมนที่คุณต้อง เช่น mydomain.com/en แบบนี้เป็นต้น

สร้าง directory

เมื่อคุณติดตั้ง WordPress เรียบร้อยแล้วเราจะได้เว็บ WordPress เปล่าๆ แบบนี้ครับ

ลง WordPress

2) โคลนนิ่ง เว็บโดเมนหลัก มาใส่ที่ เว็บ Directory

สำหรับวิธีการโคลนิ่งเว็บ เราจะใช้ปลั๊กอิน All in on migration ในการทำนะครับ

all in one migration

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

ถ้าคุณโคลนนิ่งเว็บเรียบร้อยแล้วเราจะได้เว็บที่หน้าตาเหมือนกัน 2 เว็บ แบบนี้

การย้ายเว็บ

3) สร้างเมนูเพื่อเชื่อมโยงเว็บ

สำหรับการสร้างเมนูเราต้องสร้างเมนูแบบ Custom Links ครับ

เข้าไปที่ Appearance > Menu > Custom Links > ที่ URL ให้ใส่โดเมนภาษาหลัก > Link text ให้ใส่ตัวย่อของภาษานั้นลงไป

custom links menu

ให้สร้างเมนูแบบ Custom Links มา 2 ชุด แล้วทำแบบนี้ทั้งบนเว็บที่เป็นโดเมนหลัก และเว็บที่เราจะทำเป็นภาษาที่ 2 ครับ

สร้างเมนูสลับภาษา

ดูผลลัพธ์ที่หน้าเว็บ ตอนนี้เราก็จะได้เว็บ 2 เว็บที่เชื่อมโยงกันแล้ว จากนั้นเราก็เข้าไปแปลภาษาของอีกเว็บเป็นอีกหนึ่งภาษา เช่น แปลเป็นภาษาอังกฤษ เป็นต้น

ทำเว็บหลายภาษา WordPress

4) วิธีเปลี่ยนตัวอักษรเป็นธงชาติ

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

วิธีแปลรูปภาพเป็น HTML

เข้าไป add new post > add media เพื่ออัพโหลดรูปเข้าเว็บ ย่อรูปให้เล็กลง > เลือก mode text > เราจะได้โค้ด HTML ของรูปภาพนั้นแล้วครับ

แปลงรูปเป็นโค้ด

คัดลอก HTML ของรูปนี้เก็บไว้ก่อน

HTML รูปภาพ

จากนั้นให้เราไปที่เมนูครับ วางโค้ดนี้ลงไปในส่วนของ Navigation Label ของเมนูนั้น

Navigation label

ทำแบบนี้ ทั้ง 2 เมนูภาษาที่เราได้สร้างไว้ จากนั้นลองไปดูหน้าเว็บของเราครับ

เว็บ 2 ภาษาทำยังไง

ให้ทำแบบเดียวกัน กับเว็บภาษาที่ 2 ที่เราได้สร้างไว้ที่ directory

Pre-order คอร์สเรียน SEO ออนไลน์

เรียน SEO ออนไลน์

ทำเว็บให้ติดหน้าแรก Google
โดยไม่ต้องลงโฆษณา
เพิ่มยอดขายบนโลกออนไลน์

เริ่มต้นเรียนพร้อมกัน
15 เมษายน 63 นี้ครับ

สำหรับผู้ที่สนใจและสั่งจอง
คอร์สเรียนล่วงหน้า สามารถซื้อคอร์สเรียนในราคาพิเศษเพียง 2,000 บาท

หมดเขต 30 มีนาคมนี้เท่านั้น!!

4,500 บาท 2,000 บาท

สมัครเรียน ดูรายละเอียดเพิ่มเติม

สรุป

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

ประชาสัมพันธ์

สำหรับท่านใดที่อ่านบทความนี้แล้ว สนใจการสร้างเว็บร้านค้าออนไลน์ด้วย WordPress + Woocommerce แบบมืออาชีพ ในวันที่ 27 - 28 มิถุนายน 2563 นี้ ผมได้เปิดคอร์สสอน Woocommerce Expert  แบบกลุ่มเล็กๆ 1 รอบ สอนสดรอบละ 6 คน เพื่อให้ผู้เรียนได้ประโยชน์สูงสุด เรียนรู้และทำตามไปพร้อมๆ กันได้ 

รายละเอียดคอร์สเรียน

สร้างเว็บร้านค้าออนไลน์ Woocommerce expert

สอน Woocommerce

  • ค่าเรียน 9,500 บาท 27 - 28 มิถุนายน 2563
  • เวลาเรียน 10.00- 16.00 น.
  • เรียนกลุ่มเล็กรอบละ 6 คนเท่านั้น (ว่าง)
  • เราสอนด้วยธีม Flatsome Theme
    (No.1 Best selling Woocommerce Theme 2020)
  • สถานที่เรียน Seatz Station
  • ปากซอยงามวงศ์วาน 44 ก่อนถึง รพ.วิภาวดี ฝั่งตรงข้าม ม.เกษตรประตูงามวงศ์วาน 3
  • จองที่นั่งเรียนผ่าน Lind ID : padveewebschool ได้เลยครับ
สอบถามเพิ่มเติม ดูตารางเรียนรอบถัดไป

คอร์สเรียนนี้เหมาะกับใคร ?

  • เนื่องจากคอร์สเรียนนี้เราสอนเป็นกลุ่ม จึงไม่เหมาะกับทุกคน
  • คอร์สนี้เหมาะสำหรับผู้ที่เคยใช้งาน WordPress มาบ้าง รู้พื้นฐานแบบงูๆปลาๆ หากคุณเคยลง WordPress เอง ลงปลั๊กอินได้ เคยสร้าง page หรือ post แบบนี้เรียนได้
  • หรือหากคุณไม่เคยใช้งาน WordPress มาก่อนเลย แต่คุณมีทักษะไอที เช่น เคยใช้พวกโปรแกรมกราฟฟิค Photoshop, illustrator เคยใช้พวกโปรแกรมตัดต่อวีดีโอ อะไรก็ได้มาบ้าง
  • ถ้าคุณเคยใช้โปรแกรมดังกล่าวข้างต้น แสดงว่าคุณมีทักษะไอที สามารถลงเรียนคอร์สนี้ได้
  • เนื่องจากเราเรียนกันหลายคน หากผู้เรียนไม่มีทักษะไอทีเลยจะทำให้เรียนรู้ตามเพื่อนไม่ทันนั้นเอง

คอร์สเรียนนี้ไม่เหมาะกับใครบ้าง ?

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

แผนที่สถานที่เรียน (รอบสอนกลุ่ม)

สถานที่เรียน Seatz Station

ปากซอยงามวงศ์วาน 44 ก่อนถึง รพ.วิภาวดี
ฝั่งตรงข้าม ม.เกษตรประตูงามวงศ์วาน 3

seat-station

บรรยากาศคลาสเรียน

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *