阿里云服务器

wordpress网站中,使用默认代码调用wordpress菜单,会出现下面代码,会有很多选择器,会让我们感觉代码不够简洁。

<li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6"><a href="#">首页</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13"><a href="#">网站</a></li>
<li id="menu-item-8" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8"><a href="#">WordPress主题</a></li>

如果要简化代码可以直接在function.php文件中加入功能函数:

/**
 * 移除菜单的多余CSS选择器
 * From https://www.wpdaxue.com/remove-wordpress-nav-classes.html
 */
 add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
 add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
 add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
 function my_css_attributes_filter($var) {
	return is_array($var) ? array() : '';}

这样就可以输出简单的代码了

<li><a href="#">主题</a></li>
<li><a href="#">WordPress</a></li>
<li><a href="#">WordPress主题</a></li>

也可以使用其他调用代码:

<?php   
echo strip_tags(wp_nav_menu(   
        array('theme_location' => 'head_nav4',   
            'container_class' => 'user_menu',   
            'echo' => false,   
            'items_wrap' => '%3$s')   
), '<li><a>');   
?>


热门话题

合肥建设网站的公司学网站建设难不难动物logo图片正脸设计务川自治县建设局网站新疆建设委员会网站标志设计logo哪家好服务器扩展logo设计市场风险与防范logo设计辨识度文艺logo图片设计元素空调的logo设计博郡logo设计大赛梦巴士手作织围巾
相关阅读:
  • wordpress列表分页显示404页面的解决办法
  • wordpress菜单添加图片插件:menu-image
  • wordpress页面默认排序修改的方法
  • wordpress新版本5.4 “Adderley” 发布上线,更新多项功能
  • wordpress默认编辑器功能增加的方法
  • wordpress多站点功能快速开启方法
  • wordpress分类和文章增加模板选择功能
  • wordpress文章编辑器标签自动生成排除
  • wordpress根据自定义字段来调用文章列表的方法
  • wordpress文章中图片模糊不清被压缩的问题