/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 vote358 views5 answers
Wordpress png img src= image.png
PHP Wordpress
0 vote324 views1 answer
How to fetch all user data form user in wp
PHP Wordpress
1 vote307 views1 answer
Wordpress convert non negative
PHP Wordpress
0 vote316 views1 answer
Get post by name wordpress
PHP Wordpress
0 vote279 views1 answer
Wordpress wp_enqueue_script footer
PHP Wordpress
0 vote313 views1 answer
Wp cpt dashicon
PHP Wordpress
0 vote327 views1 answer
Get slogan wp
PHP Wordpress
2 votes289 views1 answer
Wp config define site url code
PHP Wordpress
0 vote340 views1 answer
Supprimer automatiquement les mots courts des URL pour un meilleur SEO dans WordPress
PHP Wordpress
0 vote386 views1 answer
Comment désactiver la barre latérale Widgets sur des pages spécifiques WordPress
PHP Wordpress