/PHP/Wordpress/Wordpress add class on navigation menu

Wordpress add class on navigation menu

// 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

Similar codes

0 vote200 views1 answer
Wp plugin create
PHP Wordpress
0 vote187 views1 answer
Wordpress global variable not working
PHP Wordpress
2 votes486 views1 answer
Wp_options siteURL new wordpress
PHP Wordpress
0 vote202 views1 answer
Wordpress get page number
PHP Wordpress
7 votes197 views2 answers
Wordpress get post type
PHP Wordpress
0 vote291 views1 answer
WordPress Convert Object To Array
PHP Wordpress
0 vote222 views1 answer
Document ready wordpress
PHP Wordpress
0 vote193 views1 answer
Wordpress display menu by name
PHP Wordpress
14 votes319 views5 answers
Wordpress get post thumbnail url
PHP Wordpress
14 votes290 views6 answers
Wordpress get user by id
PHP Wordpress