Cách wordpress thêm lớp trên menu điều hướng với các ví dụ
|
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. Show Cách thêm lớp trên menu điều hướng trong wordpress với các ví dụ - wordpress thêm lớp trên menu điều hướng // 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);
}
@endphpCò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?Cách thay đổi điều hướng menu trang web của tôi trong WordPress . Để tạo hoặc chỉnh sửa menu điều hướng trên trang web của bạn, hãy đi tới Giao diện > Tùy chỉnh Điều này sẽ mở tùy biến. . Để tạo một menu mới, nhấp vào Thêm một Menu Và sau đó nhập tên cho menu mới của bạn (tên này có thể là bất kỳ thứ gì nhưng phải phản ánh các menu được sử dụng hoặc vị trí)
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. |
