188期B班报名时间3月15日-3月31日 3月31日开班仪式 加V咨询:seowhy2021 立即咨询

wordpress模板菜单代码出现的class和id冗余怎么解决?

1、wordpress增加模板菜单方法

在functions.php文件加上以下代码,

if(function_exists('register_nav_menus')){

register_nav_menus(

array(

'header-menu' => __( '菜单名字A' ),

'footer-menu' => __( '菜单名字B' ),

'sider-menu' => __('菜单名字C')

)

);

}

最简单的调用方式,前台加上下面代码

<?php wp_nav_menu(); ?>

也可以对这个菜单进行更多的控制,代码如下

<?php wp_nav_menu(

array(

'theme_location'  => '' //指定显示的导航名,如果没有设置,则显示第一个

'menu'            => 'header-menu',

'container'       => 'nav', //最外层容器标签名

'container_class' => 'primary', //最外层容器class名

'container_id'    => '',//最外层容器id值

'menu_class'      => 'sf-menu', //ul标签class

'menu_id'         => 'topnav',//ul标签id

'echo'            => true,//是否打印,默认是true,如果想将导航的代码作为赋值使用,可设置为false

'fallback_cb'     => 'wp_page_menu',//备用的导航菜单函数,用于没有在后台设置导航时调用

'before'          => '',//显示在导航a标签之前

'after'           => '',//显示在导航a标签之后

'link_before'     => '',//显示在导航链接名之后

'link_after'      => '',//显示在导航链接名之前

'items_wrap'      => '<ul id="%1$s">%3$s</ul>',

'depth'           => 0,////显示的菜单层数,默认0,0是显示所有层

'walker'          => ''// //调用一个对象定义显示导航菜单 )); 

?>

2如何删除菜单选择器沉余

默认Wordpress菜单生成的Html代码

代码在菜单列表中li有多个Id,也有多个Class的类,而且定义整个菜单样式,根本不需要这么多选择器,下面介绍删除Wordpress沉余选择器的方法,代码如下

add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1); //删除Class选择器

add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1); //删除Id选择器

add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);

function my_css_attributes_filter($var) {

return is_array($var) ? array_intersect($var, array('current-menu-item','
current-post-ancestor','current-menu-ancestor','current-menu-parent')) : ''; //删除当前菜单的四个选择器

}

发布时间:2020-06-15

推荐阅读:

  1. 如果网站被黑导致被K站,要怎么恢复网站收录排名?
  2. WP添加导航菜单图标插件:Menu Image
  3. 各个站长工具的“百度权重”是什么?“百度权重”作弊方法的识别
  4. 旅游网站的推广转化率,是网站运营效果的试金石
  5. 易企yiqicms导航栏如何添加分类栏目链接(图文)

了解夫唯SEO特训营

夫唯学院成立于2007年,11年来与数万学员共成长。创始人夫唯先生总结的四处一词、站内站、定向锚文本、聚合等多种核心优化策略,并在众多学员网站上得到验证。夫唯先生推崇“循序渐进,基业长青”的SEO运维思想,以SEOWHY为现实实战案例,历经5年零起步创造了网站品牌。

SEO培训报名联系方式:客服QQ86594013 客服微信:seowhy2021

关于我们 / 联系我们 / 人文关怀 / 付款方式 / 教研室夫唯SEO特训营为您提供SEO培训SEO培训教程,实时搜索引擎算法更新。 © 2018 SEOWHY Inc.