Hướng dẫn xây dựng website WordPress đa ngôn ngữ với plugin miễn phí Polylang

Theo số liệu thống kê, tính đến năm 2020, hơn 25% dân số trên toàn thế giới đang sử dụng tiếng Anh trong các hoạt động hàng ngày. Nếu website của thương hiệu có nội dung tiếng Anh, nó có thể được một số lượng lớn độc giả tiếp nhận. Trong bài viết này, Diều Hâu sẽ hướng dẫn các bạn những kỹ thuật cơ bản để xây dựng một website WordPress có nội dung tiếng Việt – tiếng Anh.

Có rất nhiều plugins đa ngôn ngữ WordPress giải quyết được yêu cầu này. Tuy nhiên, chúng tôi lựa chọn Polylang vì chi phí thấp và quá trình dịch thủ công, giúp ngôn ngữ được cá nhân hóa cho từng đối tượng người đọc. 

Cài đặt Polylang Plugins lên WordPress sites

Tùy thuộc vào nền tảng hosting mà sẽ có những phương pháp cài đặt khác nhau. Ở trong bài hướng dẫn này, chúng tôi sẽ cài đặt plugins lên WordPress được cài đặt trên linux host. 

Chuẩn bị

Bạn đọc nên chuẩn bị các phần như dưới đây:

  • WordPress sites đã được cài đặt, cấu hình cơ bản.
  • Bản phác thảo nội dung song ngữ (Việt – Anh).
  • Bản sao dự phòng của website trước khi thực hiện thay đổi.
    • Bạn có thể tham khảo sử dụng plugins WP Reset để backup nhanh website.

Cài đặt plugins

Trong bài hướng dẫn này, Diều Hâu sẽ cài đặt plugins Polylang trực tiếp trên trang quản trị của WordPress. Ngoài ra, bạn có thể download thủ công rồi upload lên WordPress site qua giao diện website.

1. WordPress admin panel > Add new > search “polylang” > install

cài đặt PolyLang

2. Activate plugin

Kích hoạt Polylang

Cấu hình Polylang

Thiết lập căn bản

Phần này ta sẽ cấu hình WordPress site thành site có nội dung song ngữ Việt – Anh. Trong đó, tiếng Việt sẽ là ngôn ngữ chủ đạo.

1. Lựa chọn các ngôn ngữ cho website:

2. Hoàn thành danh sách ngôn ngữ cần thêm vào website:

3. Cho phép Polylang dịch các metadata của media files.

Metadata là thuật ngữ chỉ các thông tin đặc tả của một đối tượng. Chẳng hạn như một file trong máy tính sẽ có tên file, ngày tạo, thời gian sửa gần nhất… Tất cả những thông tin như vậy được gọi là thông tin đặc tả (metadata).

Metadata của các media files trong WordPress thường bao gồm:

  • Title
  • Alternative text
  • Caption
  • Description

Với polylang, chỉ có 1 ngôn ngữ của media files được hiển thị tại một thời điểm.

  1. Lựa chọn ngôn ngữ mặc định.

Trong ví dụ này, ngôn ngữ mặc định sẽ là tiếng Việt.

Sau bước này, quá trình thiết lập Polylang về cơ bản đã hoàn tất. Để sử dụng Polylang, những thao tác chính người dùng nên nắm được như:

  • Dịch các chuỗi ký tự cơ bản.
  • Dịch menu thông tin.
  • Dịch pages.
  • Dịch posts.

Thiết lập URLs structure

URL là cấu trúc đường dẫn đến nội dung của websites. Bạn nên thiết lập cấu trúc URL cho các bài posts/pages sử dụng tên đẹp. 

Bạn chỉ nên sử dụng URL có post ID khi xây dựng, thử nghiệm website. URL có post ID cũng có thể được sử dụng ở những website có số lượng bài viết ít.

Sử dụng Polylang để tạo bài viết song ngữ

Dịch các chuỗi ký tự cơ bản

Đây là phần dịch các chuỗi ký tự thường xuyên xuất hiện trong các pages, posts của website WordPress.

  1. Từ WordPress Admin Panel > Languages > String Translations.

– Dịch các mục tương ứng với các cặp ngôn ngữ Việt – Anh tương ứng. 

* Lưu ý các kí tự có dạng như: %%sitename%%, %%page%%.  Đây là các alias để WordPress truyền giá trị tương ứng vào khi xử lý yêu cầu website từ phía client. Không được dịch những chuỗi ký tự này. 

2. Ấn “Save Changes” để lưu lại thông tin đã dịch vào cơ sở dữ liệu.

Dịch menu

Trong tất cả các website, menu là danh mục thông tin quan trọng. Menu giúp người dùng định hình nội dung tóm tắt của toàn bộ website. Bởi vậy, dù hàm lượng thông tin rất ít nhưng menu cần phải được chăm chút rất cẩn thận.

Menu tiếng Việt

Trang WordPress ban đầu dùng trong bài hướng dẫn đã có sẵn menu tiếng Việt. Ta chỉ cần bổ sung bộ nút chuyển đổi ngôn ngữ vào trong Menu tiếng Việt là đủ.

Thao tác chi tiết để thêm chức năng chuyển đổi ngôn ngữ vào menu tiếng Việt:

  1. WordPress admin panel (1)  > Appearance (2) > Menus (3) 
  2. Ấn vào screen options để hiển thị thêm các options trong tùy chỉnh ngôn ngữ. Sau đó chọn checkbox “Language switcher”. (4)
  3. Chọn checkbox “Language switcher”. (5)
  4. Ấn vào “add to menu” (6)

5. Tùy chỉnh một số thuộc tính trong nút language switchers. Bạn có thể chọn settings như dưới đây cho dễ nhìn.

6. Giao diện menu tiếng Việt sau khi thêm nút chuyển đổi ngôn ngữ.

Menu tiếng Anh

  1. WordPress admin panel > Appearance > Menus 

– Ấn vào “Screen options”, sau đó enable checkbox “Language switcher” để bật nút chuyển đổi ngôn ngữ cho menu.

– Ấn vào “create a new menu” để tạo một menu dịch mới.

 2. Khai báo cơ bản cho Menu tiếng Anh.

3. Lựa chọn các tùy chỉnh cơ bản trong menu tiếng Anh. Trong phần hướng dẫn này, mình chỉ để đơn giản là lựa chọn “Primary Menu English”.

4. Tạo các danh mục cho menu tiếng Anh. Thông thường sẽ tạo menu từ các pages, posts, categories.

Bạn có thể chọn các pages, posts, categories. Kéo thả và sửa lại tên hiển thị mong muốn trên menu tiếng Anh.

  1. Menu tiếng Anh sau khi hoàn tất.

Dịch posts/pages

Về bản chất thì một posts/pages song ngữ chính là 2 posts/pages độc lập. 2 posts/pages này có khả năng đổi qua lại cho nhau thông qua nút chuyển đổi ngôn ngữ vừa tạo ở trên.  

Với Polylang, người dùng phải tạo nội dung thủ công cho 2 posts/pages song ngữ. Người dùng hoàn toàn có thể thiết lập tự động dịch nội dung cho các posts/pages sử dụng các plugin đi kèm. 

Trong bài hướng dẫn này, chúng tôi sẽ thao tác tạo một post song ngữ. Về bản chất, thao tác với page hoàn toàn tương tự.

Để đạt được hiệu quả tốt nhất, bạn nên chuẩn bị sẵn các bản nội dung tiếng Việt và tiếng Anh trước khi thể hiện trên WordPress posts.

Hoặc bạn có thể dùng nội dung song ngữ mình sưu tầm để test chức năng Polylang trước.

Tạo post song ngữ Việt- Anh

1. Tạo posts tiếng Việt

WordPress admin panel > (1) Posts > (2) Add New.

(3) Soạn thảo nội dung đã chuẩn bị với WordPress Editor hoặc Page Builder. Trong bài hướng dẫn này, chúng tôi sử dụng trình soạn thảo mặc định Guternberg của WordPress.

* Để xây dựng được một posts/pages chất lượng, bạn cần phải thao tác với rất nhiều components khác như images, column… Trong bài viết này, chúng tôi chỉ demo một bài dual language đơn giản. 

(4) Update để tạo bài posts trên WordPress sites.

(5) Trong phần posts editor của Guternberg, tìm đến mục Languages > Translation.

– Ấn vào để mở sang post song ngữ tương ứng (tiếng Anh). Bạn sẽ bắt đầu soạn thảo tiếp nội dung tiếng Anh từ bước này.

2. Soạn thảo posts tiếng Anh tương ứng.

(1) Soạn thảo nội dung tương tự như bên posts tiếng Việt – sử dụng code editor/page builder phù hợp với site của bạn. 

(2) Sau khi soạn thảo xong, bạn Update để WordPress tạo bài tiếng Anh tương ứng.

Kết quả bài post song ngữ Việt – Anh

Khi click vào nút chuyển đổi ngôn ngữ, bạn sẽ thấy 1 trong 2 bài post này hiện lên ở site tiếng Việt/tiếng Anh tương ứng.

Ảnh động demo post song ngữ Anh – Việt

Ảnh động demo post song ngữ Anh – Việt.

Nội dung chuyển đổi qua lại bởi language switchers của Polylang.

Kết luận

Polylang là plugin thao tác thủ công nhất trong các plugin tạo website đa ngôn ngữ. Đây là plugin phù hợp cho những người mới sử dụng WordPress, đặc biệt là trong việc xây dựng một website đa ngôn ngữ trên WordPress. 

Thêm vào đó, việc thao tác thủ công khiến người dùng xem xét nội dung kỹ hơn trước khi lên bài. Điều này vô cùng cần thiết vì mỗi nền văn hóa từ các vùng miền, quốc gia khác nhau sẽ có những văn phong khác nhau. Thêm vào đó, việc thao tác thủ công với nội dung dịch sẽ giúp chúng ta viết lại bài viết mạch lạc hơn. Cách làm này sẽ tránh được sự thiếu mạch lạc vì tình trạng dịch nội dung “words for words”.

 

You May Also Like

About the Author: Anh Cáo

Leave a Reply

Your email address will not be published. Required fields are marked *