wordpress删除菜单多余的CLASS和ID沉余

admin

1 wordpress增加模板菜单方法
在functions.php文件加上以下代码，

1. if(function_exists('register_nav_menus')){
   
2. 
   
3. register_nav_menus(
   
4. 
   
5. array(
   
6. 
   
7. 'header-menu' => __( '菜单名字A' ),
   
8. 
   
9. 'footer-menu' => __( '菜单名字B' ),
   
10. 
    
11. 'sider-menu' => __('菜单名字C')
    
12. 
    
13. )
    
14. 
    
15. );
    
16. 
    
17. }

复制代码

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

1. <?php wp_nav_menu(); ?>
   
2. 也可以对这个菜单进行更多的控制，代码如下
   
3. 
   
4. <?php wp_nav_menu(
   
5. 
   
6. array(
   
7. 
   
8. 'theme_location'  => '' //指定显示的导航名，如果没有设置，则显示第一个
   
9. 
   
10. 'menu'            => 'header-menu',
    
11. 
    
12. 'container'       => 'nav', //最外层容器标签名
    
13. 
    
14. 'container_class' => 'primary', //最外层容器class名
    
15. 
    
16. 'container_id'    => '',//最外层容器id值
    
17. 
    
18. 'menu_class'      => 'sf-menu', //ul标签class
    
19. 
    
20. 'menu_id'         => 'topnav',//ul标签id
    
21. 
    
22. 'echo'            => true,//是否打印，默认是true，如果想将导航的代码作为赋值使用，可设置为false
    
23. 
    
24. 'fallback_cb'     => 'wp_page_menu',//备用的导航菜单函数，用于没有在后台设置导航时调用
    
25. 
    
26. 'before'          => '',//显示在导航a标签之前
    
27. 
    
28. 'after'           => '',//显示在导航a标签之后
    
29. 
    
30. 'link_before'     => '',//显示在导航链接名之后
    
31. 
    
32. 'link_after'      => '',//显示在导航链接名之前
    
33. 
    
34. 'items_wrap'      => '<ul id="%1$s">%3$s</ul>',
    
35. 
    
36. 'depth'           => 0,////显示的菜单层数，默认0，0是显示所有层
    
37. 
    
38. 'walker'          => ''// //调用一个对象定义显示导航菜单 ));
    
39. 
    
40. ?>

复制代码

2 如何删除菜单选择器沉余
默认Wordpress菜单生成的Html代码


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

1. add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1); //删除Class选择器
   
2. 
   
3. add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1); //删除Id选择器
   
4. 
   
5. add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
   
6. 
   
7. function my_css_attributes_filter($var) {
   
8. 
   
9. return is_array($var) ? array_intersect($var, array('current-menu-item','current-post-ancestor','current-menu-ancestor','current-menu-parent')) : ''; //删除当前菜单的四个选择器

复制代码