阿里云服务器

在做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>

1234.png

热门话题

wordpress的分类目录江苏企业网站建设安云服务器网站建设公司现状安徽手机网站建设政府网站文化建设织梦模板改标题哪个好wordpress 垃圾评论wordpress缓存图片路径网站建设费会计账务处理织梦后台栏目权限设置网站建设的需求是什么淄博乐达网站建设
相关阅读: