Thiết kế Website đa ngôn ngữ chuyên nghiệp với qTranslate X

Thiết kế Website đa ngôn ngữ chuyên nghiệp với qTranslate X đơn giản

Thiết kế Website đa ngôn ngữ chuyên nghiệp với qTranslate X
3.6 (71%) 40 votes
Thiết kế Website đa ngôn ngữ chuyên nghiệp với  qTranslate X

Hiện nay có khá nhiều plugin WordPress cho phép các bạn tạo 1 Website đa ngôn ngữ có thể kể đến như :

Đây đều là các plugin hay, dễ dùng đã được rất nhiều người sử dụng cho các dự án Web đa ngôn ngữ trên WordPress. Trong bài nay Mình sẽ giúp các Bạn có thể thiết kế Website đa ngôn ngữ chuyên nghiệp với qTranslate X một cách đơn giản nhất.
Wordpress đa ngôn ngữ vnkings.com

Ưu điểm qTranslate X:

  • Chuyển đổi ngôn ngữ dễ dàng.
  • Tùy chỉnh ngôn ngữ mà không thay đổi các tập tin .po , .mo
  • Không giới hạn số lượng ngôn ngữ trên trang Web của Bạn.
  • Đường dẫn URL thân thiện cho SEO /vi , /en
  • Có thể dùng chung, tối ưu với SEO by Yoast trong phần XML Sitemaps

Cài đặt qTranslate X:

Đầu tiên vào qTranslate X  để tải Plugin, hoặc bạn cài đặt ngay trong phần Gói mở rộng(Plugin) trên trang quản trị.
wordpress-da-ngon-ngu

– Khi cài xong, nếu bạn đang sử dụng SEO By Yoast, nó sẽ có thêm 1 dòng thông báo hỏi bạn có có muốn tích hợp qTranslate X với SEO By Yoast không, mình khuyên các bạn nên cài thêm, Plugin này sẽ giúp các bạn tối ưu SEO trên cả các Ngôn ngữ mà bạn cài đặt thêm cho trang.

wordpress-da-ngon-ngu-2

– Khi cài đặt xong bạn tiến hành cấu hình qTranslate X : Dashboard > Cài đặt > Language

Thiết kế Website đa ngôn ngữ chuyên nghiệp với qTranslate X
General : Phần cấu hình chung các bạn chọn như sau

  • Default Language / Order : Chọn ngôn ngữ mặc định cho Website.
    • Tiếng Việt
  • URL Modification Mode : Chọn chế độ url khi chuyển ngôn ngữ.
    • Use Pre-Path Mode : Website của bạn sẽ có dạng domain/en, domain/vi
    • Hide URL language information for default language.
  • Untranslated Content : cách hiển thị khi chưa nhập nội dung cho ngôn ngữ đang được chọn.
    • Show displayed language prefix when content is not available for the selected language.
  • Detect Browser Language : Cho phép Phát hiện ngôn ngữ Trình duyệt
    • Tick vào Detect the language of the browser and redirect accordingly.

Advanced : Cấu hình nâng cao:

  • Post Types: Cho phép dùng đa ngôn ngữ ở Post type nào.
    • Nếu bạn tạo thêm Post type, thì bạn nên tíck hết các tùy chọn : PostPageAttachmentYour Postype
  • Giữ nguyên các cài đặt còn lại

 

Integration :Giữ nguyên cài đặt

Language:

wordpress đa ngôn ngữ

  • Trong phần này nếu bạn dùng thêm ngôn ngữ nào, bạn ấn vào Enable ngôn ngữ đó.

Khi đã cài đặt xong, bây giờ khi Viết bài, tạo chuyên mục bạn sẽ thấy có 2 phần nhập ngôn ngữ :

Bài viết :

wordpress-da-ngon-ngu-5

Danh mục:

wordpress-da-ngon-ngu-6

– Với các nội dung cứng trong code các bạn có thể dùng đoạn này để thay đổi ngôn ngữ :

<?php _e("[:vi]nội dung tiếng việt [:en]Nội dung tiếng anh "); ?>

Cài đặt nút chuyển ngôn ngữ ngoài giao diện :

  • Bạn vào Widget thêm widget qTranslate Language Chooser vào vị trí bạn muốn

wordpress-da-ngon-ngu-7

    • Display : chế độ hiển thị – Chữ / Ảnh / Ảnh và Chữ / Xổ Dọc

hoặc bạn cũng có thể thêm đoạn code này vào bất kỳ đâu trong thẻ Body của web để hiện 2 nút Tiếng anh / Tiếng việt

<a href="<?php bloginfo('url');?>/vi"></a>
<a href="<?php bloginfo('url');?>/en"></a>

wordpress-da-ngon-ngu-8

Chúc các bạn thành công!

Bài liên quan

Bình luận bài viết

Bạn có thể dùng các thẻ HTML này:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

X

Tạo live chat facebook cho website

Bạn cần tư vấn ?