WPML

Kể từ phiên bản 3.2, WPML có thể dịch các thực thể được tạo bởi các plugin và giao diện khác. Trong bài viết này, chúng tôi sẽ hướng dẫn cách dịch các bố cục. Ý tưởng là chỉ sử dụng một bố cục cho tất cả các ngôn ngữ và chỉ dịch các văn bản bên trong nó.

Giới thiệu về Layouts

Plugin Layouts là một trình soạn thảo kéo thả cho các bố cục trang. Layouts hoạt động với các giao diện dựa trên Bootstrap và tạo ra các thiết kế đáp ứng. Nó là một phần của gói Toolset gồm các plugin phát triển WordPress.

Layouts thiết kế toàn bộ trang, từ pixel đầu tiên đến pixel cuối cùng. Bản thân Layouts khá đơn giản, vì nó không bao gồm bất kỳ phần tử nội dung phức tạp nào. Layouts không cần phải có một thư viện khổng lồ (và đôi khi cồng kềnh) các phần tử trang, vì nó hoạt động cùng với các plugin Toolset còn lại. Các ô bố cục có thể hiển thị nội dung động từ trang web và các biểu mẫu của bạn. Thay vì chọn một ô từ thư viện và tùy chỉnh nó, các plugin Toolset cho phép bạn dễ dàng tạo các ô của riêng mình mà không cần lập trình.

Dịch các trang web dựa trên Layouts


Các bố cục mà bạn tạo thường sẽ bao gồm một số văn bản ‘tĩnh’ và một số nội dung động. Ví dụ, hãy xem ví dụ về ‘trang web công ty’ của chúng tôi.
Trang web công ty, được xây dựng bằng Layouts, hiển thị các phần tử động và tĩnh
Trang web công ty, được xây dựng bằng Layouts, hiển thị các phần tử động và tĩnh

Các phần tử động bao gồm danh sách các dịch vụ và bài viết nổi bật. Chúng được tạo bằng Views. Một View giống như một WP_Query với một mẫu hiển thị. Vì WPML hook vào các truy vấn và làm cho chúng tải nội dung bằng đúng ngôn ngữ, bạn không cần phải làm bất cứ điều gì để dịch các View. Cùng một View đó sẽ tải nội dung chính xác bằng ngôn ngữ được hiển thị.

Các phần tử tĩnh trên trang này là các tiêu đề. Các văn bản ‘Our Services’ và ‘Features Articles’ là một phần của bố cục. Chúng không đến từ bất kỳ nội dung động nào. Khi bạn sử dụng cùng một bố cục cho trang chủ bằng ngôn ngữ khác, bạn muốn các văn bản này xuất hiện dưới dạng đã dịch. Đây là lúc Packages Translation của WPML phát huy tác dụng. Nó là một API mới mà chúng tôi đã thêm vào WPML 3.2 và mở cho tất cả các nhà phát triển khác sử dụng.

Plugin Layouts tạo các gói cho WPML. Một gói cho một bố cục sẽ bao gồm tất cả các văn bản tĩnh có trong bố cục và sẽ cần được dịch. Các gói này trông rất giống với nội dung WordPress thông thường mà bạn dịch bằng Trình biên tập dịch thuật của WPML. Bạn sẽ thấy tất cả các trường yêu cầu dịch.

Dịch các văn bản trong một bố cục bằng Trình biên tập dịch thuật của WPML

Bằng cách này, bạn tạo một bố cục và sử dụng nó cho tất cả các ngôn ngữ trên trang web của mình. Bạn chỉ dịch các văn bản tĩnh và tất cả nội dung động sẽ hiển thị bằng ngôn ngữ chính xác.

Trang chủ đã được dịch
Trang chủ đã được dịch

Bạn muốn dùng thử?


Chúng tôi đã tạo một trang web thử nghiệm nơi bạn có thể thử nghiệm với các plugin Toolset và WPML. Để sử dụng nó, hãy khởi chạy trang web đào tạo riêng tư và miễn phí của bạn.

Chúng tôi đã tạo sẵn nội dung thử nghiệm cho bạn, vì vậy bạn có thể thử nghiệm với Layouts và quy trình dịch thuật.

Ngôn ngữ mặc định của trang web là tiếng Anh và nó đã được dịch hoàn toàn sang tiếng Tây Ban Nha. Chúng tôi đã thêm nội dung bằng tiếng Pháp, nhưng chưa dịch các bố cục sang tiếng Pháp.


Hãy theo dõi video với các bước sau:
  1. Tạo trang web đào tạo trên discover-wp.com
  2. Truy cập trang chủ của trang web của bạn và chuyển sang tiếng Pháp. Bạn sẽ nhận thấy rằng tất cả các phần tử động thực sự bằng tiếng Pháp, nhưng các văn bản tĩnh vẫn bằng tiếng Anh.
  3. Bắt đầu bằng cách thử nghiệm với Layouts và xem cách nó hoạt động.
  4. Truy cập WPML->Quản lý dịch thuật. Trong tab “Bảng điều khiển dịch thuật” ở phần Bộ lọc, hãy chọn “Layouts” từ menu thả xuống Loại.
  5. Chọn bố cục Home và gửi nó đi dịch sang tiếng Pháp (nó đã được dịch sang tiếng Tây Ban Nha).
  6. Truy cập WPML->Bản dịch và tìm công việc Layout-Home rồi nhấp vào ‘take and edit’.
  7. Dịch các văn bản. Bạn cần trợ giúp? Sử dụng bảng tra cứu bản dịch này cho các văn bản chính trên trang:
    Tiếng Anh Tiếng Pháp
    Our Services Nos services
    Featured articles Articles Vedettes
    Testimonials Témoignages
    Company Overview Présentation de l’entreprise
    Recent News Nouvelles récentes

    Hãy nhớ nhấp vào ‘Bản dịch đã hoàn thành’ bên cạnh mỗi trường và vào hộp kiểm ‘Bản dịch đã hoàn thành’ ở dưới cùng của trang, ngay phía trên nút ‘Lưu’.
  8. Truy cập lại trang chủ tiếng Pháp của bạn. Bây giờ bạn sẽ thấy mọi thứ, bao gồm cả các văn bản tĩnh, đã được dịch.
  9. Thử nghiệm lại bằng cách chỉnh sửa bố cục. Bạn sẽ thấy các thay đổi của mình áp dụng cho tất cả các ngôn ngữ của trang web. Nếu bạn chỉnh sửa hoặc thêm văn bản, bạn sẽ cần cập nhật bản dịch, bắt đầu từ Bảng điều khiển dịch thuật.

Các bước trên áp dụng cho việc dịch các Layouts bằng cách sử dụng trang web tham khảo của chúng tôi. Trang web này được cài đặt sẵn tất cả các plugin cần thiết.

Nếu bạn muốn làm theo các bước trên trang web của riêng mình, hãy tham khảo tài liệu ‘Cách dịch Layouts’ tại wp-types.com. Ở đó bạn sẽ tìm thấy danh sách tất cả các plugin cần thiết và nhiều ví dụ hơn.

Tiếp theo là gì?


Rõ ràng, nếu bạn thích chỉnh sửa bằng Layouts, bạn luôn được hoan nghênh mua Toolset và sử dụng nó cho các dự án thực tế của mình.

Chúng tôi muốn thấy nhiều plugin và giao diện hơn nữa cung cấp khả năng dịch dễ dàng cho các cấu trúc phức tạp. Nếu bạn đang sử dụng các trình tạo trang, biểu mẫu và các phần tử ‘không thuộc WordPress’ khác, chúng tôi khuyến khích bạn liên hệ với các nhà phát triển của các plugin và giao diện này. Hãy nói với họ về khả năng này trong WPML. Chúng tôi rất quan tâm đến việc hợp tác với các nhà phát triển khác và tích hợp API Packages Translation.

Hãy để lại bình luận của bạn ở đây và chúng tôi sẽ phản hồi lại bạn.

Bạn thấy bài viết này hữu ích? Hãy chia sẻ bài viết này: