Tùy chỉnh bộ chuyển đổi ngôn ngữ WPML – Vị trí, kiểu dáng và hành vi

Bộ chuyển đổi ngôn ngữ của WPML có thể làm gì

Không cần cấu hình thêm, WPML tạo ra một bộ chuyển đổi ngôn ngữ có thể:

• Hiển thị mọi ngôn ngữ đang hoạt động trên trang web của bạn, theo thứ tự bạn chọn.
• Gắn nhãn mỗi ngôn ngữ bằng tên bản địa của nó (Deutsch, Français) hoặc bằng ngôn ngữ hiện tại của trang web (tiếng Đức, tiếng Pháp) – tùy bạn chọn.
• Tùy chọn hiển thị cờ (một sprite có thể thay đổi kích thước theo giao diện của bạn).
• Xử lý mượt mà các bản dịch bị thiếu: bỏ qua ngôn ngữ đó hoặc liên kết đến trang chủ của ngôn ngữ đó.
• Có thể được đặt trong bất kỳ menu WordPress nào, trong bất kỳ khu vực widget nào, ở chân trang hoặc nội tuyến bên trên và bên dưới các bài viết.
• Đi kèm dưới dạng một khối Gutenberg cho bất kỳ bố cục trình tạo trang nào.
• Có thể bị ẩn trên các trang cụ thể mà nó có thể gây cản trở (trang 404, thanh toán, tài khoản).
• Lưu HTML đã kết xuất vào bộ nhớ cache để tải trang nhanh.

Hầu hết các trang web sử dụng các vị trí tích hợp sẵn và cài đặt mặc định. Các nhà phát triển giao diện cần kiểm soát nhiều hơn có thể xây dựng một bộ chuyển đổi ngôn ngữ tùy chỉnh trong mã code bằng cách sử dụng API của WPML.

Nơi chứa các cài đặt

Các ngôn ngữ nào xuất hiện và theo thứ tự nào

Thẻ Tùy chọn bộ chuyển đổi ngôn ngữ có một khu vực kéo và thả liệt kê mọi ngôn ngữ đang hoạt động. Thứ tự ở đây xác định thứ tự trong mọi bộ chuyển đổi ngôn ngữ trên trang web. Kéo các ngôn ngữ lên hoặc xuống và lưu.

Trong cùng thẻ đó, hãy chọn:

• Nhãn bản địa so với ngôn ngữ hiện tại. Hiển thị Deutsch (bản địa) hoặc tiếng Đức (ngôn ngữ hiện tại). Tên bản địa sẽ thu hút những người nói ngôn ngữ đó hơn; ngôn ngữ hiện tại sẽ rõ ràng hơn đối với những khách truy cập lần đầu.
• Bật hoặc tắt cờ và định dạng cờ.

Điều gì xảy ra khi thiếu bản dịch

Không phải trang nào cũng được dịch sang mọi ngôn ngữ. Tùy chọn Cách xử lý các ngôn ngữ không có bản dịch quyết định bộ chuyển đổi ngôn ngữ sẽ làm gì đối với một ngôn ngữ không có bản dịch của trang hiện tại:

• Bỏ qua ngôn ngữ (mặc định). Ngôn ngữ này sẽ biến mất khỏi bộ chuyển đổi ngôn ngữ đối với trang này. Trải nghiệm người dùng (UX) gọn gàng nhất; khách truy cập chỉ nhìn thấy những ngôn ngữ họ thực sự có thể đọc.
• Liên kết đến trang chủ của ngôn ngữ đối với các bản dịch bị thiếu. Thay vào đó, mục nhập của bộ chuyển đổi ngôn ngữ sẽ hiển thị trang chủ của ngôn ngữ đó. Hữu ích khi bạn muốn mọi ngôn ngữ luôn có thể truy cập được từ mọi trang, nhưng khách truy cập có thể truy cập vào nội dung mà họ không mong đợi.

Lựa chọn này có những tác động đến UX đáng để suy nghĩ kỹ lưỡng.

Vị trí xuất hiện của bộ chuyển đổi ngôn ngữ

Năm vị trí, mỗi vị trí được bật/tắt độc lập trên cùng một trang Cài đặt:

• Bộ chuyển đổi ngôn ngữ menu. Thả bộ chuyển đổi ngôn ngữ vào bất kỳ menu WordPress nào (đầu trang, chân trang, thanh bên, bất cứ nơi nào giao diện của bạn chỉ định menu). Thêm nhiều bộ chuyển đổi nếu bạn muốn các vị trí khác nhau cho mỗi menu. Mỗi bộ chuyển đổi ngôn ngữ menu có một hàng xem trước riêng hiển thị vị trí của nó.
• Bộ chuyển đổi ngôn ngữ widget. Thêm bộ chuyển đổi ngôn ngữ vào bất kỳ khu vực widget nào mà giao diện của bạn đăng ký: thanh bên, vùng đầu trang, cột chân trang.
• Bộ chuyển đổi ngôn ngữ chân trang. Một nút bật/tắt toàn cục duy nhất tự động kết xuất bộ chuyển đổi ngôn ngữ ở cuối mỗi trang.
• Liên kết nội tuyến đến các bản dịch của bài viết. Một hộp kiểm duy nhất hiển thị các liên kết “bài viết này có sẵn bằng ngôn ngữ X” ở trên hoặc dưới mỗi bài viết.
• Bộ chuyển đổi ngôn ngữ tùy chỉnh. Khi các vị trí tích hợp sẵn là không đủ, các nhà phát triển giao diện có thể gọi API bộ chuyển đổi ngôn ngữ của WPML từ bất kỳ tệp template nào. Trang Cài đặt hiển thị nút Tùy chỉnh cho các tùy chọn kết xuất.

Ẩn bộ chuyển đổi ngôn ngữ trên các trang cụ thể

Một số trang không cần bộ chuyển đổi ngôn ngữ: trang 404, màn hình tài khoản, thanh toán của bạn. Các quy tắc hiển thị có điều kiện của WPML cho phép bạn ẩn bộ chuyển đổi ngôn ngữ trên từng trang mà không cần dùng đến CSS display:none trong giao diện của bạn.

Bạn thiết lập các quy tắc cho từng trang trên cùng trang WPML → Cài đặt → Bộ chuyển đổi ngôn ngữ. Chọn các trang bạn muốn ẩn bộ chuyển đổi ngôn ngữ; quy tắc này áp dụng cho mọi vị trí bộ chuyển đổi ngôn ngữ cùng một lúc.

Giữ lại các tham số URL

Khi khách truy cập nhấp vào bộ chuyển đổi ngôn ngữ, WPML sẽ xây dựng lại URL cho ngôn ngữ đích. Theo mặc định, các tham số chuỗi truy vấn (?utm_source=newsletter, tham số bộ lọc, v.v.) sẽ bị loại bỏ. Điều này làm hỏng các chiến dịch phân tích và danh sách đã lọc.

Trường Giữ lại các đối số URL liệt kê các khóa truy vấn mà bạn muốn giữ lại trong quá trình chuyển đổi. Bất kỳ thứ gì bạn đặt ở đây (mỗi mục một dòng) sẽ đi cùng khách truy cập đến URL đã dịch.

CSS tùy chỉnh cho bộ chuyển đổi ngôn ngữ

Một vùng văn bản duy nhất trong mục CSS bổ sung sẽ áp dụng kiểu dáng cho mọi bộ chuyển đổi ngôn ngữ trên trang web cùng một lúc. Hữu ích để làm cho bộ chuyển đổi ngôn ngữ phù hợp với giao diện của bạn mà không cần chạm vào các tệp giao diện.

Lưu mẫu bộ chuyển đổi ngôn ngữ vào bộ nhớ cache

WPML lưu HTML đã kết xuất của mọi vị trí bộ chuyển đổi ngôn ngữ vào bộ nhớ cache, giúp tăng tốc độ tải trang trên một trang web bận rộn. Kể từ WPML 5.0, không có cài đặt nào cho tính năng này: bộ nhớ cache sẽ được bật bất cứ khi nào thư mục cache của WPML có thể ghi được.

Điểm cần lưu ý: khi bạn thay đổi một tùy chọn của bộ chuyển đổi ngôn ngữ và không thấy thay đổi của mình được phản ánh trên giao diện người dùng, bộ nhớ cache là nơi đầu tiên cần kiểm tra. Chạy Xóa bộ nhớ cache trong WPML → Hỗ trợ, sau đó tải lại.

Các bộ chuyển đổi ngôn ngữ tùy chỉnh trong mã giao diện

Đối với các trang web mà các vị trí tích hợp sẵn không phù hợp (bộ chuyển đổi ngôn ngữ ở một vị trí cụ thể bên trong đầu trang, menu thả xuống tùy chỉnh được kết xuất bởi giao diện của bạn, bất kỳ thứ gì bên ngoài menu WordPress hoặc khu vực widget), WPML cung cấp một API cho phép các nhà phát triển giao diện xây dựng một bộ chuyển đổi ngôn ngữ tùy chỉnh.

Thẻ Bộ chuyển đổi ngôn ngữ tùy chỉnh có nút bật/tắt Bật và nút Tùy chỉnh. Sau khi được bật, mã template của giao diện có thể kết xuất bộ chuyển đổi ngôn ngữ ở bất kỳ đâu bằng cách sử dụng API PHP đã được ghi chép trong tài liệu của WPML.