首页 视频课程 WordPress开发文档菜单/小工具/短代码 菜单高亮

菜单高亮

2020-11-01 / 3126阅

本视频需要登录以后才能播放

登录

导航菜单高亮是wordpress默认的功能,我们只需要给特定的class属性写样式就可以了,首先你要在清理菜单的时候保留以下两个样式

'current-menu-item',
'current-menu-parent', 

上面的两个class属性,第一个是当前菜单高亮的效果,第二个是当前菜单的上级菜单的样式。通过上面两个属性,我们可以设置高亮菜单的不同样式。

下面的代码是清理菜单的时候,保留这两个样式。

function my_css_attributes_filter($class,$item,$args,$depth) {
       $no_clear=array(
              'current-menu-item',
              'current-menu-parent',
       );
       $class =  is_array($class) ? array_intersect($class, $no_clear) : '';
       return $class;
}
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 4); 

菜单的样式,你可以随便写,比如设置颜色:

<style>
       .current-menu-item a{color:#ff6666}
</style> 

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录