Hướng dẫn sử dụng plugin qTranslate-X wordpress

23 Tháng Năm, 2020 by admin

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ư :

qTranslate X (miễn phí)
PolyLang (miễn phí)
WPML (Có phí)
Xili-Language (miễn phí)

Đâ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.

1. Ư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

qTranslate-X

2. 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ị.

– 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.

3. Cấu hình qTranslate X:

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

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:

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ữ đó.

4. Sử dụng qTranslate X:

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 :

Danh mục:

– 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 "); ?>

 //ở widget hay chỗ nào muốn sử dụng đa ngôn ngữ
[:en]English[:][:xx]Orther Language[:]
//ví dụ
[:en]English[:][:vi]Tiếng Việt[:]

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

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>

<ul class="language-chooser language-chooser-image qtranxs_language_chooser" id="qtranslate-2-chooser">
    <li class="lang-en"><a href="http://tomate.com.vn/en/" hreflang="en" title="English (en)" class="qtranxs_image qtranxs_image_en"><img src="http://tomate.com.vn/wp-content/plugins/qtranslate-x/flags/gb.png" alt="English (en)"><span style="display:none">English</span></a></li>
    <li class="lang-vi active"><a href="http://tomate.com.vn/vi/" hreflang="vi" title="Tiếng Việt (vi)" class="qtranxs_image qtranxs_image_vi"><img src="http://tomate.com.vn/wp-content/plugins/qtranslate-x/flags/vn.png" alt="Tiếng Việt (vi)"><span style="display:none">Tiếng Việt</span></a></li>
</ul>

Nguồn: https://vnfaster.com/thiet-ke-website-da-ngon-ngu-voi-qtranslate-x.html

– Lấy ngôn ngữ hiện tại

if($GLOBALS['q_config']['language'] == 'fr')
{
    //show french logo
    $imageName = 'logoFR.png';
}
else if($GLOBALS['q_config']['language'] == 'hi')
{
    //show Hindi logo
    $imageName = 'logoHI.png';
}
else
{
    //show english logo to rest
    $imageName = 'logoEN.png';
}

Kết Luận:

Trên đây là phần hướng dẫn về qTranslate-X mà mình tìm hiểu được. Mình thấy rất hữu ích và tiện dụng khi làm website đã ngôn ngữ. Cảm ơn các bạn đã đọc bài viết. Có thắc mắc hãy cứ để lại comment bên dưới nhé.!

Các kiến thức khác về qtranslate-x có thể tham khảo tại đây: https://www.hoangweb.com/ bài viết này chủ thớt viết khá chi tiết và dễ hiểu.