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

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

Dùng được ngay, WPML tạo ra một bộ chuyển đổi 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 từng 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 (German, French) – tùy bạn lựa 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ý các bản dịch bị thiếu một cách tinh tế: 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 ở trên và dưới các 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ếu nó gây vướng víu (404, thanh toán, tài khoản).
• Lưu vào bộ nhớ cache HTML đã kết xuất để tải trang nhanh hơn.

Hầu hết các trang web sử dụng các vị trí 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 tùy chỉnh bằng mã thông qua API của WPML.

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

Truy cập WPML > Cài đặt > Bộ 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. Hãy chọn phần phù hợp với những gì bạn muốn thay đổi.

Những 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 quyết định thứ tự trong mọi bộ chuyển đổi 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ẻ này, 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 German (ngôn ngữ hiện tại). Tên bản địa sẽ thân thiện hơn với những người nói ngôn ngữ đó; ngôn ngữ hiện tại sẽ rõ ràng hơn cho 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 những gì bộ chuyển đổi thực hiện đối với 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 của 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 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 sẽ hiển thị trang chủ của ngôn ngữ đó. Tùy chọn này 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ĩ kỹ càng.

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

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

• Bộ chuyển đổi ngôn ngữ menu. Đặt bộ chuyển đổi 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 từng menu. Mỗi bộ chuyển đổi menu sẽ 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 vào bất kỳ khu vực widget nào mà giao diện của bạn đăng ký: thanh bên, các khu vực đầ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 chung duy nhất tự động kết xuất bộ chuyển đổi ở cuối mỗi trang.
• Các liên kết nội tuyến đến 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” ở trên hoặc dưới mỗi bài viết.
• Các bộ chuyển đổi 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 của WPML từ bất kỳ tệp template nào. Trang Cài đặt cung cấp nút Tùy chỉnh cho các tùy chọn kết xuất.

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

Một số trang không cần bộ chuyển đổi: trang 404, các màn hình tài khoản, trang 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 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 có thể 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ữ. Hãy chọn các trang bạn muốn ẩn bộ chuyển đổi; quy tắc này sẽ áp dụng đồng thời cho mọi vị trí của bộ chuyển đổi.

Giữ nguyên các tham số URL

Khi khách truy cập nhấp vào bộ chuyển đổi, 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, các 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 mà bạn muốn giữ nguyên khi chuyển đổi. Bất kỳ thứ gì bạn đặt ở đây (mỗi dòng một mục) sẽ đi theo khách truy cập đến URL đã dịch.

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

Một vùng văn bản duy nhất trong phần CSS bổ sung sẽ áp dụng kiểu dáng cho mọi bộ chuyển đổi trên trang web cùng một lúc. Rất hữu ích để điều chỉnh bộ chuyển đổi cho 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

Thẻ Hiệu suất có một hộp kiểm duy nhất: Lưu các template của bộ chuyển đổi ngôn ngữ vào bộ nhớ cache. Khi được bật, WPML sẽ lưu vào bộ nhớ cache HTML đã kết xuất của mọi vị trí bộ chuyển đổi, giúp tăng tốc độ tải trang trên một trang web bận rộn.

Lưu ý: khi bạn thay đổi một tùy chọn của bộ chuyển đổi và không thấy thay đổi đó 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 tắt nó đi, tải lại trang và các thay đổi của bạn sẽ xuất hiện. Sau đó, bật lại bộ nhớ cache cho trang web chính thức.

Các bộ chuyển đổi 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 (chẳng hạn như một bộ chuyển đổi ở vị trí cụ thể bên trong đầu trang, một menu thả xuống tùy chỉnh được kết xuất bởi giao diện của bạn, hay bất kỳ thứ gì nằm ngoài menu hoặc khu vực widget của WordPress), 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 tùy chỉnh.

Thẻ Bộ chuyển đổi ngôn ngữ tùy chỉnh có một nút chuyển đổi Bật và một 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 ở bất kỳ đâu bằng cách sử dụng API PHP đã được lập tài liệu của WPML.