Breadcrumb
Giúp người dùng tìm đường đi qua cấu trúc của trang web
Đường dẫn breadcrumb trên trang chuyến du lịch
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 đ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:
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ể
Menu thả xuống, với một phần đang mở
Thanh bên
Hiển thị cho người dùng các trang liên quan đến trang họ đang xem
Thanh bên của phần bên cạnh trang chuyến du lịch
Thêm các thành phần điều hướng vào giao diện của bạn
Để sử dụng từng 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 | |
|---|---|---|
| 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 |
| Thanh bên | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
Điều hướng thanh bên cũng có sẵn dưới dạng một Widget của WordPress. Thêm nó thông qua đ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 đường dẫn breadcrumb.
Bạn cũng có thể áp dụng các 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 một phần có nhãn CMS Navigation.
Phần CMS Navigation, trong ngăn Meta Boxes của trình soạn thảo trang
Phần này cho phép bạn tùy chỉnh những gì sẽ hiển thị trên thanh bên. 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ó
- Gán 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 để xác định vị trí 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.
