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 lựa chọn.
• Tùy chọn hiển thị cờ (một sprite tự động điều chỉnh kích thước theo giao diện của bạn).
• Xử lý các bản dịch bị thiếu một cách mượt mà: 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 chèn nội tuyến phía trên và dưới bài viết.
• Đi kèm trong 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ể nơi nó sẽ gây vướng víu (trang 404, thanh toán, tài khoản).
• Lưu vào bộ nhớ cache HTML đã kết xuất của nó để tải trang nhanh.

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

Vị trí các cài đặt

Mở WPMLCài đặtBộ chuyển đổi ngôn ngữ. Trang này được nhóm theo câu hỏi, không phải theo tab giao diện người dùng. Chọn phần phù hợp với những gì bạn muốn thay đổi.

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 lại.

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). Nhãn bản địa hấp dẫn hơn đối với những người nói ngôn ngữ đó; ngôn ngữ hiện tại rõ ràng hơn đối với những người lần đầu truy cập.
• 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 mọi trang đều đượ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 những gì bộ chuyển đổi ngôn ngữ thực hiện đố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 biến mất khỏi bộ chuyển đổi ngôn ngữ cho trang này. Đây là 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 các ngôn ngữ mà 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 để bạn suy nghĩ cẩn thận.

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 gán 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ác 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 X” phía 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í được tích hợp sẵn là chưa đủ, 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 của bạn, màn hình tài khoản, thanh toá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 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í của bộ chuyển đổi ngôn ngữ cùng một lúc.

Giữ nguyên 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ữ nguyên các đối số URL liệt kê các khóa truy vấn bạn muốn giữ nguyên khi chuyển đổi. Bất cứ thứ gì bạn đặt ở đây (mỗi dòng một khóa) 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 bên dưới CSS bổ sung á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 vào bộ nhớ cache template của bộ chuyển đổi ngôn ngữ

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

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. Hãy chạy Xóa bộ nhớ cache trên WPMLHỗ trợ, sau đó tải lại.

Bộ chuyển đổi ngôn ngữ tùy chỉnh trong mã code giao diện

Đối với các trang web mà vị trí tích hợp sẵn không phù hợp (một bộ chuyển đổi ngôn ngữ ở vị trí cụ thể bên trong đầu trang, một menu thả xuống tùy chỉnh do giao diện của bạn kết xuất, 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 chuyển đổi Bật và nút Tùy chỉnh. Sau khi được bật, mã code 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ú của WPML.