Bài viết này dành cho bạn nếu bạn đang tìm kiếm câu trả lời cho câu hỏi Cách thêm lớp trên menu điều hướng trong wordpress bằng các ví dụ . Tôi sẽ cung cấp cho bạn một ví dụ 1 để giúp bạn giải quyết vấn đề này.
// add a custom class to nav_menu li function add_additional_class_on_li[$classes, $item, $args] { if [isset[$args->add_li_class]] { $classes[] = $args->add_li_class; } return $classes; } add_filter['nav_menu_css_class', 'add_additional_class_on_li', 1, 3]; // add a custom class to nav_menu anchor function add_additional_class_on_anchor[$classes, $item, $args] { if [isset[$args->add_anchor_class]] { $classes['class'] = $args->add_anchor_class; } return $classes; } add_filter['nav_menu_link_attributes', 'add_additional_class_on_anchor', 1, 3]; // code on header @php $nav_classes = [ 'theme_location' => 'primary_navigation', // div tag 'container_class' => 'ml-auto', // ul tag 'menu_class' => 'nav justify-content-center', //li tag 'add_li_class' => 'nav-item', //a tag 'add_anchor_class' => 'nav-link', ]; if [has_nav_menu['primary_navigation']] { //display navigation menu echo wp_nav_menu[$nav_classes]; } @endphp
Còn rất nhiều ví dụ khác xung quanh chủ đề Cách add class trên menu điều hướng trong wordpress với các Ví dụ vui lòng xem thêm
Làm thế nào để bạn thêm một lớp vào một menu?
Để thêm các lớp CSS vào menu WordPress, trước tiên hãy đi tới Giao diện> Menu trong chủ đề WordPress của bạn. Tiếp theo, tìm tab Tùy chọn màn hình ở phía trên bên phải màn hình. Nhấp để mở bảng điều khiển và chọn hộp có nhãn Lớp CSS. Chọn menu bạn muốn chỉnh sửa và nhấp vào liên kết bạn muốn thêm lớp CSS vào
Làm cách nào để thêm một lớp vào thẻ trong menu điều hướng wp?
Theo tùy chọn, bạn có thể muốn thêm tùy chọn để thêm các lớp vào danh sách các mục. function add_menu_list_item_class[$classes, $item, $args] { if [property_exists[$args, 'list_item_class']] { $classes[] = $args->list_item_class;
Làm cách nào để tùy chỉnh thanh điều hướng trong WordPress?
Làm cách nào để thêm biểu tượng vào menu NAV trong WordPress?
Để thêm các biểu tượng menu WordPress, chọn bất kỳ mục menu nào bạn đã tạo. Tìm biểu tượng. Chọn liên kết. Nhấp vào đó để điều hướng đến phần thêm biểu tượng vào mục menu cụ thể đó . Theo mặc định, plugin Menu Icons by Themeisle hiển thị các tùy chọn biểu tượng từ bộ sưu tập Dashicons.