阿里云服务器

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


相关阅读:
  • wordpress不同用户级别登入跳转不同页面的设置方法
  • wordpress网站调用置顶文章的方法
  • wordpress设置隐藏内容指定用户级别可见
  • wordpress文章按浏览量排序的方法
  • 让wordpress页面具备标签和分类功能的方法
  • wordpress注册填写页面功能添加插件ludou-custom-register
  • wordpress网站通过页面ID获取标题和链接的方法
  • wordpress别名自动转换成英文和拼音功能
  • wordpress调用当前分类文章列表的方法
  • wordpress文章列表倒叙输出