Skip to content

Blog Công Nghệ

MENUMENU
  • Trang chủ
  • Giới Thiệu
  • Lập Trình
    • Lập Trình Website
      • Laravel
        • Phân Tích Dự Án
      • PHP
      • SQL
      • HTML
      • CSS
      • Javascipt
      • My Project
      • Wordpress
    • Luyện Skill
    • Lập trình winform
    • CSDL
    • Lập Trình Android
    • Trí tuệ nhân tạo
    • Khai Khoáng Dữ Liệu
    • Arduino
    • Khác
    • Đồ án
  • Phần Mềm
    • Powerpoint
    • Tool
  • Cuộc sống và Giải trí
    • Hợp âm
    • web5ngay - youtube
    • Công Giáo
    • Kỹ Năng Sống
    • Street Workout
  • Danh sách bài viết
  • Guide line
    • Guild line phỏng vấn
    • Guide lines Laravel
    • Guide line Module Frontend
  • Tóm tắt sách
  • Fanpage

Blog Công Nghệ

Nơi chia sẻ kiến thức

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

23 Tháng Năm, 2020 by admin
Lượt xem: 55

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í)
Wordpress đa ngôn ngữ vnkings.com

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

Contents

  • 1. Ưu điểm qTranslate X:
  • 2. Cài đặt qTranslate X:
  • 3. Cấu hình qTranslate X:
  • 4. Sử dụng qTranslate X:
  • Kết Luận:

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:

wordpress-da-ngon-ngu

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

wordpress-da-ngon-ngu-2

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

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

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>
wordpress-da-ngon-ngu-8

 

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.

Related posts:

  1. Plugin xem lượng truy cập cho website wordpress
  2. Plugin cho phép tạo phòng chat wordpress
  3. Mất đi 50% hiệu suất nếu không có những plugin này cho wordpress
  4. Tích hợp Page Facebook cho wordpress đơn giản, dễ dàng – không cần plugin

Post navigation

Previous Post:

Đăng ký google keyword planner miễn phí không cần thẻ visa đơn giản hiệu quả 2020

Next Post:

Tổng hợp các exceptions thường gặp trong Laravel

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Ẩn sidebar

Tìm kiếm

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Blog Công Nghệ

Bài viết mới

  • Master typescript
  • Sendmail trong Laravel sử dụng dịch vụ SES, SQS của Amazon
  • Install SSL in Nginx Ubuntu
  • Docker study
  • Bảo vệ: Hướng dẫn code bot Telegram easy game

Lượng truy cập

0074613
Visit Today : 209
Visit Yesterday : 178
This Month : 884
Who's Online : 1
© 2025 Blog Công Nghệ | WordPress Theme by Superbthemes