WPML CMS Navigation là một plugin tiện ích bổ sung cung cấp các thành phần điều hướng khi xây dựng trang web đa ngôn ngữ của bạn.
Tiện ích bổ sung này được đi kèm với gói WPML Multilingual CMS của bạn.
Các thành phần điều hướng bạn có thể thêm bằng plugin WPML CMS Navigation bao gồm:
Breadcrumb
Giúp người dùng tìm đường đi qua cấu trúc của trang web
Menu thả xuống
Cung cấp cho người dùng quyền truy cập nhanh vào các phần cụ thể
Sidebar
Hiển thị cho người dùng các trang liên quan đến trang họ đang xem
Thêm các thành phần điều hướng vào giao diện
Để sử dụng mỗi thành phần, hãy thêm chúng vào giao diện của bạn bằng các hàm PHP một dòng.
| Mã PHP | Nơi thêm vào | |
|---|---|---|
| Breadcrumb | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php hoặc single.php, page.php, archive.php, tag.php và search.php |
| Menu thả xuống | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Sidebar | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
Điều hướng sidebar cũng có sẵn dưới dạng một widget của WordPress. Thêm nó thông qua bảng điều khiển widget trên trang Giao diện → Widget.
Tùy chỉnh các thành phần điều hướng
Để tùy chỉnh các cài đặt chung của tiện ích bổ sung, hãy truy cập WPML → Điều hướng. Bạn có thể điều chỉnh các cài đặt cơ bản, chẳng hạn như ký hiệu phân tách chuỗi breadcrumb.
Bạn cũng có thể áp dụng nhiều tùy chỉnh khác nhau thông qua trình soạn thảo WordPress hoặc CSS.
1. Tùy chỉnh các thành phần điều hướng bằng trình soạn thảo WordPress
Khi bạn đang chỉnh sửa một trang trong trình soạn thảo WordPress, hãy cuộn xuống để tìm phần có nhãn CMS Navigation.
Phần này cho phép bạn tùy chỉnh những gì sẽ hiển thị trên sidebar. Bạn có thể:
- Loại trừ trang hiện tại
- Hiển thị hoặc không hiển thị các trang con của nó
- Chỉ định một phần để hiển thị trang bên dưới
2. Tùy chỉnh giao diện của các thành phần điều hướng bằng CSS
Các thành phần điều hướng đi kèm với giao diện mặc định mà bạn có thể tùy chỉnh bằng CSS.
Truy cập ../wp-content/plugins/wpml-cms-nav/res/css để tìm hai tệp:
- cms-navigation-base.css: Tệp này chịu trách nhiệm cho chức năng của menu thả xuống và bạn không nên sửa đổi nó.
- cms-navigation.css: Đây là tệp mà bạn có thể sao chép và sửa đổi để thêm các tùy chỉnh của mình.
Thực hiện theo các bước sau:
- Sao chép tệp thứ hai, cms-navigation.css, từ thư mục plugin và đặt nó vào thư mục giao diện của bạn.
- Gọi wp_head() và tải bản sao của bạn. Thao tác này sẽ tải các tệp CSS của plugin.
- Áp dụng các tùy chỉnh CSS của bạn vào tệp mới.