วิธีสร้างดร็อปดาวน์ภาษาที่มีประสิทธิภาพใน WordPress

เผยแพร่แล้ว: 2023-04-01

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

  • เมนูแบบเลื่อนลง
  • วิดเจ็ตหรือส่วนท้ายแบบเลื่อนลง
  • ตัวเลือกลอยตัว

ในโพสต์นี้ฉันจะแสดงวิธีใช้ทั้งหมด แต่ก่อนอื่น เรามาพูดถึงสิ่งที่ทำให้ภาษามีประสิทธิภาพแบบเลื่อนลง

การออกแบบดร็อปดาวน์ภาษาที่มีประสิทธิภาพ

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

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

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

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

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

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

ตอนนี้เราได้กล่าวถึงแง่มุมการออกแบบแล้ว มาดูวิธีการนำไปใช้จริงกัน!

การตั้งค่าตัวสลับภาษาของคุณ

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

ภาพหน้าจอของการตั้งค่า TranslatePress

คุณจะเห็นสามตัวเลือก แต่ละตัวเลือกมีการตั้งค่าของตัวเอง:

  • รหัสย่อ
  • รายการเมนู
  • การเลือกภาษาแบบลอยตัว

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

นอกจากนี้ การเลือกภาษาลอยยังให้คุณเลือกธีม มืด หรือ สว่าง รวมทั้งการวางตำแหน่งบนหน้า

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

แสดงดร็อปดาวน์ภาษาของคุณ

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

รหัสย่อ

หากคุณใช้ตัวเลือกรหัสย่อ [language-switcher] สำหรับรายการดรอปดาวน์ของภาษา คุณสามารถแสดงตัวสลับได้แทบทุกที่บนไซต์ของคุณที่ยอมรับรหัสย่อ Gutenberg block ตำแหน่งที่ดีที่สุดสำหรับการใช้รหัสย่อมักจะอยู่ในวิดเจ็ต ซึ่งคุณสามารถวางไว้ในแถบด้านข้างหรือส่วนท้าย

หากคุณกำลังใช้ธีมบล็อกและการแก้ไขเว็บไซต์แบบเต็ม คุณสามารถเพิ่มรหัสย่อในส่วนท้ายของคุณได้อย่างง่ายดาย

ภาพหน้าจอของโปรแกรมแก้ไขเว็บไซต์ WordPress

ที่ส่วนหน้า ผู้เข้าชมสามารถใช้เมนูแบบเลื่อนลงเพื่อเลือกภาษาที่ต้องการได้

สกรีนช็อตของส่วนท้ายของเว็บไซต์ WordPress พร้อมรายการภาษาแบบเลื่อนลง

รายการเมนู

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

ภาพหน้าจอของโปรแกรมแก้ไขเมนู WordPress

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

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

สกรีนช็อตของส่วนหัวของ WordPress พร้อมเมนูแบบเลื่อนลงของภาษาในเมนูนำทาง

การเลือกภาษาแบบลอยตัว

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

หากคุณเปิดใช้งานตัวเลือกนี้ในการตั้งค่า TranslatePress ของคุณตามที่เรากล่าวถึงก่อนหน้านี้ ตัวเลือกนี้จะปรากฏขึ้นโดยอัตโนมัติทุกที่ที่คุณกำหนด — คุณไม่จำเป็นต้องทำอะไรอีก!

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

ภาพหน้าจอของเว็บไซต์ WordPress พร้อมตัวสลับภาษาแบบลอยตัว

หากคุณใช้ TranslatePress เวอร์ชันชำระเงิน คุณสามารถแสดงภาษาได้มากเท่าที่คุณต้องการ อย่างไรก็ตาม หากคุณต้องการเพียงหนึ่งภาษาเพิ่มเติม คุณสามารถใช้เวอร์ชันฟรีได้

ทำให้ง่ายสำหรับผู้เยี่ยมชมของคุณด้วยเมนูแบบเลื่อนลงของภาษา

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

  • การแสดงชื่อภาษาแม่หรือภาษาของไซต์ของคุณ
  • การใช้แฟล็กเพื่อช่วยให้ผู้ใช้ระบุภาษาของตนได้อย่างรวดเร็ว
  • ตำแหน่งของดร็อปดาวน์ภาษา

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

แปลสื่อหลายภาษา

TranslatePress เป็นวิธีที่ง่ายที่สุดในการแปลเว็บไซต์ WordPress ของคุณ รวดเร็ว ไม่ทำให้เว็บไซต์ของคุณช้าลง ทำงานร่วมกับธีมหรือปลั๊กอินใดก็ได้ และเป็นมิตรกับ SEO

รับปลั๊กอิน

หรือดาวน์โหลดเวอร์ชันฟรี

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