• 首页
  • >
  • 如何将“active”类添加到wp_nav_menu()当前菜单项(simple 方法)教程
  • >
  • 正文

如何将“active”类添加到wp_nav_menu()当前菜单项(simple 方法)教程

36次阅读

只需将此代码粘贴到functions.php文件中即可:

add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);

function special_nav_class ($classes, $item) {
    if (in_array('current-menu-item', $classes) ){
        $classes[] = 'active ';
    }
    return $classes;
}

要在其中一个子页面处于活动状态时突出显示该菜单项,还请检查其他类(current-page-ancestor),如下所示:

add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);

function special_nav_class ($classes, $item) {
    if (in_array('current-page-ancestor', $classes) || in_array('current-menu-item', $classes) ){
        $classes[] = 'active ';
    }
    return $classes;
}

作者:管理员  修订  2019/10/14 22:17:17

WP爱好者专注WordPress在线系统培训,10年来超过十万学员在此获得技术提升和人脉圈子。

WordPress课程已融入到移动搜索、零基础建站、WP爱好者开源主题模板、SEM入门等。

欢迎添加助教微信:tc199361,马上获得优秀学员案例。