在做Wordpress网站的时候最麻烦的就是菜单调用的样式问题了，有很多默认的样式，没法自定义修改。

今天给大家分享一个简单的方法给li标签添加样式，满足开发需要：

只需要把下面代码加进wordpress主题函数functions.php里面就可以了

function MBT_menu_classes($classes, $item, $args) {
 if($args->theme_location == 'head_nav1') { //这里的mobile是菜单的id
    $classes[] = 'c-header-navigation__item';
 }
 return $classes;
}
add_filter('nav_menu_css_class','MBT_menu_classes',1,3);

对应修改一下菜单的id和要修改的class样式就可以了。

显示效果如下：

<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-17 c-header-navigation__item"><a href="#">首页</a></li>