2020-11-01 / 3942阅
导航菜单高亮是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