How to add Class in <li> using wp_nav_menu() in Wordpress?

Question

I am using wp_nav_menu($args) and I want to add my_own_class CSS classname to the <li> element.

I'd like to get the following result:

<li class='my_own_class'><a href=''>Link</a> 

How to do that?

Answer 1

No need to create custom walker. Just use additional argument and set filter for nav_menu_css_class.

For example:

$args = array(     'container'     => '',     'theme_location'=> 'your-theme-loc',     'depth'         => 1,     'fallback_cb'   => false,     'add_li_class'  => 'your-class-name1 your-class-name-2'     ); wp_nav_menu($args); 

Notice the new 'add_li_class' argument.

And set the filter on functions.php

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);