Tạo shortcode cho plugin Polylang 2024

Trong bối cảnh của quá trình toàn cầu hóa ngày nay, việc sở hữu một trang web hỗ trợ nhiều ngôn ngữ không chỉ đóng vai trò như một phương tiện quan trọng giúp các doanh nghiệp mở rộng tầm ảnh hưởng của mình đến khách hàng trên toàn thế giới, mà còn là yếu tố chủ chốt để thâm nhập vào các thị trường mới, qua đó tăng cường khả năng tạo doanh thu và lợi nhuận.

Trong thế giới thiết kế web đa ngôn ngữ, plugin Polylang đã không còn là cái tên xa lạ. Nó được biết đến như một công cụ hàng đầu, với khả năng hỗ trợ mạnh mẽ cho việc xây dựng các website đa ngôn ngữ. Tuy nhiên, một thách thức thường gặp khi sử dụng plugin này là việc thiết lập shortcode trong Polylang. Nhưng không cần phải lo lắng, vì Phú sẽ hướng dẫn bạn cách làm điều này một cách dễ dàng!

Pham Phu 2024 01 05 6

Tìm hiểu về plugin Polylang

Plugin Polylang là một công cụ miễn phí và dễ sử dụng dành cho các trang web WordPress, cho phép người dùng tạo ra các trang web đa ngôn ngữ hoặc song ngữ mà không yêu cầu kỹ năng lập trình cao. Điểm nổi bật của Polylang là khả năng dịch thủ công, giúp nội dung trở nên chính xác và phù hợp với ngữ cảnh, mang lại trải nghiệm gần gũi hơn cho người đọc. Plugin này không chỉ hỗ trợ dịch các trang và bài viết, mà còn có thể dịch các thẻ danh mục (categories), thẻ (tags) và các phương tiện truyền thông (media) trên website.

Tuy nhiên, cần lưu ý rằng Polylang không cung cấp tính năng dịch tự động hoặc dịch chuyên nghiệp. Đồng thời, plugin này không hoạt động trên nền tảng WordPress.com trừ khi bạn có Business Plan và các plugin được kích hoạt.

Để tải và cài đặt plugin Polylang, bạn có thể truy cập trang web chính thức của plugin. Nếu bạn mới làm quen với việc cài đặt plugin, có thể tham khảo hướng dẫn từ các bài viết hữu ích trên mạng.

Khi sử dụng Polylang, bạn cần tự tạo ra các shortcode của Polylang để hiển thị nút chuyển đổi ngôn ngữ (language switcher) trên thanh menu của website, đây là bước quan trọng để tăng cường tính tương tác và trải nghiệm người dùng trên trang web đa ngôn ngữ của bạn.

Pham Phu 2024 01 05 2
Hình ảnh: pham-phu, ngày 2024-01-05

Cách tạo shortcode dựa trên plugin Polylang

Để tạo một shortcode từ plugin Polylang cho phép chuyển đổi ngôn ngữ trên trang web WordPress của bạn, bạn cần thực hiện các bước sau:

Tạo Shortcode trong Theme hoặc Plugin của Bạn:

  • Mở tệp functions.php của theme hoặc một tệp PHP trong plugin của bạn.
  • Thêm đoạn mã sau để tạo shortcode:php
function polylang_language_switcher_shortcode() {
    ob_start();
    pll_the_languages(array('show_flags' => 1, 'show_names' => 0));
    return ob_get_clean();
}
add_shortcode('language_switcher', 'polylang_language_switcher_shortcode');

Đoạn mã trên tạo ra một shortcode [language_switcher], sử dụng hàm pll_the_languages() của Polylang để hiển thị danh sách ngôn ngữ. Bạn có thể điều chỉnh các tham số trong hàm pll_the_languages() để thay đổi cách hiển thị (ví dụ: hiển thị cờ, tên ngôn ngữ, vv).

Ở giá trị của 'show_names' => 0 bạn chọn 0 hoặc 1 để hiện thì tên của quốc gia.

Sau khi đã chèn code vào tệp functions.php, bạn thêm CSS vào file style.css để đẹp hơn.

Đoạn code để 2 tùy chọn hiển thị theo chiều dọc

.pll-switcher li {
    list-style-type: none; /* Loại bỏ dấu đầu dòng */
    display: block; /* Sắp xếp các mục li theo chiều dọc */
    margin-bottom: 10px; /* Thêm khoảng cách giữa các cờ */
}

.pll-switcher li:last-child {
    margin-bottom: 0; /* Loại bỏ khoảng cách dưới cùng để tránh khoảng trống thừa */
}

.pll-switcher li img {
    width: 20px; /* Đặt kích thước rộng cho cờ */
    height: auto; /* Giữ tỉ lệ của cờ */
}

Đoạn code để 2 tùy chọn hiển thị theo chiều ngang

.pll-switcher li {
    list-style-type: none; /* Loại bỏ dấu đầu dòng */
    display: inline; /* Sắp xếp các mục li theo chiều dọc */
    margin-right: 15px; /* Thêm khoảng cách giữa các cờ */
}

.pll-switcher li:last-child {
    margin-bottom: 0; /* Loại bỏ khoảng cách dưới cùng để tránh khoảng trống thừa */
}

.pll-switcher li img {
    width: 20px; /* Đặt kích thước rộng cho cờ */
    height: auto; /* Giữ tỉ lệ của cờ */
}

Thêm một lưu ý thì nếu bạn không thích chèn vào file style.css bạn có thể sử dụng sử dụng Block HTML và chèn thuộc tính <style> code CSS <style> như hình minh họa bên dưới

Image

Sử Dụng Shortcode:

  • Bạn có thể thêm shortcode [language_switcher] vào các bài viết, trang, hoặc widget trên website của bạn. Shortcode này sẽ hiển thị bộ chuyển đổi ngôn ngữ dựa trên cài đặt bạn đã định nghĩa.

Kiểm Tra và Tùy Chỉnh:

  • Kiểm tra xem shortcode hoạt động đúng cách trên trang web của bạn.
  • Tùy chỉnh mã CSS để phù hợp với giao diện của trang web nếu cần.

Lưu ý về Tương thích:

  • Đảm bảo rằng bạn đang sử dụng phiên bản mới nhất của Polylang.
  • Kiểm tra tương thích với các plugin và theme khác trên trang web của bạn.

Như vậy, chúng ta đã cùng nhau đi qua từng bước để tạo Polylang shortcode một cách đơn giản và hiệu quả. Việc áp dụng Polylang shortcode vào website WordPress của bạn không chỉ giúp cải thiện trải nghiệm người dùng bằng cách cung cấp tính năng chuyển đổi ngôn ngữ nhanh chóng, mà còn góp phần mở rộng tầm ảnh hưởng của trang web trên thị trường quốc tế. Đừng quên kiểm tra và điều chỉnh cài đặt để đảm bảo rằng mọi thứ hoạt động trơn tru và phù hợp với giao diện cũng như mục tiêu của trang web của bạn. Hãy xem đây là bước đệm quan trọng trên hành trình phát triển website đa ngôn ngữ, mở ra cánh cửa giao tiếp với khách hàng toàn cầu. Chúc bạn thành công và hãy liên hệ với chúng tôi nếu bạn cần thêm bất kỳ sự hỗ trợ nào trong quá trình sử dụng Polylang!

Ghi chú: code được hỗ trợ bởi ChatGPT
Đánh giá
Index
×