Cách xây dựng trang web đa ngôn ngữ với WPBakery và WPML

Tìm hiểu cách dịch nội dung WPBakery sang nhiều ngôn ngữ hơn và tạo một trang web đa ngôn ngữ với WPML.

Bắt đầu

Bắt đầu bằng cách cài đặt và kích hoạt các plugin sau:

• Plugin trình tạo trang WPBakery (mở trong tab mới)
• Plugin lõi WPML và tiện ích bổ sung WPML Dịch Chuỗi

Nếu bạn mới sử dụng WPML, hãy xem Hướng dẫn bắt đầu của chúng tôi. Hướng dẫn này sẽ nhanh chóng giúp bạn tìm hiểu các tùy chọn dịch thuật khác nhau mà bạn có thể sử dụng.

Cách dịch các trang WPBakery bằng WPML

WPBakery tương thích với chế độ Dịch mọi thứ tự động của WPML. Nếu bạn chọn chế độ này khi thiết lập WPML, toàn bộ nội dung trang WPBakery của bạn sẽ được tự động dịch khi bạn thêm hoặc chỉnh sửa.

Nếu bạn muốn tự quyết định nội dung nào sẽ được dịch, hãy chọn chế độ Dịch một phần khi bạn thiết lập WPML.

Để dịch nội dung trang web của bạn bằng chế độ Dịch một phần:

1. Trong danh sách các trang của bạn, hãy nhấp vào biểu tượng dấu cộng dưới ngôn ngữ và bên cạnh trang mà bạn muốn dịch.
2. Bạn sẽ được đưa đến Trình biên tập dịch thuật nâng cao của WPML. Nếu bạn có từ dịch thuật AI, bạn sẽ thấy nội dung của mình được dịch tự động. Bạn có thể đánh giá các bản dịch này và chấp nhận chúng, hoặc nhấp vào Undo translation để tự nhập bản dịch của mình. Nếu bạn không có từ dịch thuật AI, hãy tự thêm các bản dịch.
3. Nhấp vào Lưu và hoàn thành khi bạn đã hoàn tất tất cả các bản dịch của mình.

Bây giờ bạn đã có thể xem các trang ngôn ngữ mặc định và ngôn ngữ phụ của mình trên giao diện người dùng.

Tất cả các mô-đun của WPBakery Page Builder có thể dịch hiện tại

WPML hỗ trợ dịch văn bản trong các mô-đun của WPBakery Page Builder:

1. Text Block
2. Separator with Text
3. Message Box
4. Hover Box
5. Single Image
6. Image Gallery
7. Image Carousel
8. Tabs
9. Tour
10. Accordion
11. Pageable Container
12. Custom Heading
13. Button
14. Call to Action
15. Widgetised Sidebar
16. Posts Slider
17. Video Player
18. Google Maps
19. Flickr Widget
20. Progress Bar
21. Pie Chart
22. Round Chart
23. Line Chart
24. Post Grid
25. Media Grid
26. Post Masonry Grid
27. Masonry Media Grid
28. Tweetmeme Button
29. FAQ
30. WP Search
31. WP Meta
32. WP Recent Comments
33. WP Calendar
34. WP Tag Cloud
35. WP Text
36. WP Recent Posts
37. WP Categories

Dịch các phần tử Raw HTML

Một cài đặt của WPML quyết định xem WPML có gửi nội dung của các phần tử Raw HTML đi dịch hay không. Để tìm cài đặt này:

1. Truy cập trang WPML → Cài đặt.
2. Cuộn đến phần Đồng bộ bài viết và trang.
3. Trong mục Tùy chọn trình tạo trang, hãy tìm tùy chọn Send to translation the content of raw HTML cells.

Tùy chọn này được bật theo mặc định. Hãy luôn bật tùy chọn này nếu các trang của bạn sử dụng các phần tử Raw HTML, Raw JS hoặc Google Maps.

Tùy chọn này cũng quyết định những gì một trang đã dịch sẽ giữ lại khi Trình biên tập dịch thuật nâng cao (ATE) hoặc tính năng dịch tự động phân phối một bản dịch:

• Bật tùy chọn: Trang đã dịch giữ lại các phần tử Raw HTML, Raw JS và Google Maps.
• Tắt tùy chọn: WPBakery xóa các phần tử này khỏi trang đã dịch.

Các nút có hành động onclick tùy chỉnh không tuân theo quy tắc này. WPBakery xóa các nút này khỏi các trang mà ATE dịch, ngay cả khi tùy chọn này được bật.

Khi tùy chọn này được bật, người dịch sẽ nhìn thấy mã của các phần tử Raw HTML của bạn. Người dịch thường không hiểu về mã và họ có thể làm hỏng mã khi dịch. Hãy yêu cầu người dịch của bạn chỉ thay đổi các văn bản hiển thị.

Nếu văn bản của một phần tử không xuất hiện trong trình biên tập dịch thuật, hãy đọc thêm về cách đăng ký các mô-đun của trình tạo trang để dịch.

Lưới, mẫu, kiểu và cài đặt SEO

Lưới bài viết và phương tiện

WPML dịch các văn bản của các phần tử Post Grid, Media Grid, Post Masonry Grid và Masonry Media Grid. Trên một trang đã dịch, lưới hiển thị các bài viết bằng cùng một ngôn ngữ.

Trên các trang mà bạn dịch bằng Trình biên tập dịch thuật hoặc ATE, nút Load more, phân trang, tải lười và các bộ lọc của lưới có thể hiển thị “Nothing found”.

Một lưới trên trang đã dịch cũng có thể hiển thị mẫu mục từ Grid Builder bằng ngôn ngữ gốc. Chúng tôi đang tiến hành khắc phục sự cố này.

Mẫu Templatera

WPML hiện chưa hỗ trợ tiện ích bổ sung Templatera. Khi một trang hiển thị mẫu Templatera, tất cả các bản dịch của trang đó sẽ hiển thị mẫu bằng ngôn ngữ gốc.

CSS tùy chỉnh và các tùy chọn thiết kế

WPML sao chép CSS tùy chỉnh của trang và CSS của các tùy chọn thiết kế của phần tử từ trang gốc sang các bản dịch của nó:

• Nếu bạn dịch trang bằng Trình biên tập dịch thuật hoặc ATE, WPML sẽ sao chép lại CSS mỗi khi bạn cập nhật bản dịch.
• Nếu bạn chỉnh sửa bản dịch trong WPBakery, bản dịch sẽ giữ lại CSS của riêng nó.

Cài đặt SEO của WPBakery

Nếu bạn sử dụng các cài đặt SEO của WPBakery, WPML sẽ gửi các văn bản của chúng đi dịch cùng với trang. Điều này bao gồm tiêu đề và miêu tả SEO, cụm từ khóa chính, cũng như tiêu đề và miêu tả cho mạng xã hội.

Sử dụng tùy chọn WPBakery AI Translate

WPBakery AI có thể dịch văn bản của một phần tử trong trình soạn thảo WPBakery. Nếu bạn sử dụng tính năng này trên một trang đã dịch, bạn sẽ chỉnh sửa bản dịch trong WPBakery chứ không phải trong trình biên tập dịch thuật của WPML.

WPML xử lý bản dịch này giống như bất kỳ bản dịch nào khác mà bạn chỉnh sửa thủ công:

• Khi bạn mở một trang đã dịch trong WPBakery, WPML sẽ cảnh báo bạn rằng các chỉnh sửa của bạn sẽ bị mất.
• Lần tiếp theo bạn gửi trang đi dịch, WPML sẽ thay thế bản dịch. Các chỉnh sửa của bạn trong WPBakery sẽ bị mất.

Để giữ một bản dịch khác trong một ngôn ngữ, hãy đọc về cách sử dụng các trình biên tập dịch thuật khác nhau cho các trang khác nhau.

Duy trì khả năng tương thích của WPBakery Page Builder với WPML

Chúng tôi đã chuẩn bị một tài liệu dành cho nhà phát triển để giải thích cách WPBakery Page Builder hoạt động với WPML. Đọc thêm về cách cập nhật tệp cấu hình ngôn ngữ để duy trì khả năng tương thích giữa WPML và WPBakery Page Builder.