Wordpress 菜单 - 活动 Class 不工作

Question

我正在更改 WordPress 主题的样式 'Invert'。

出于某种原因，菜单中的活动 class 适用于除博客子页面之外的每个网站（它具有蓝色背景属性）页面。你可以在这里看到。

http://www.branchingouteurope.com/BOE2014/
http://www.branchingouteurope.com/BOE2014/
http://www.branchingouteurope.com/BOE2014/blog/
http://www.branchingouteurope.com/BOE2014/blog/lead-generation-app-of-the-month-jan/

链接到菜单的样式如下样式sheet：

#skenav ul li.current_page_item > a,
#skenav ul li.current-menu-ancestor > a,
#skenav ul li.current-menu-item > a,
#skenav ul li.current-menu-parent > a { background-color:<?php if(isset($bg_color)){ echo $bg_color; } ?>;color:#fff;}

如有任何帮助，我们将不胜感激

Answer 1

应用背景的样式当前针对 class .current_page_item - 所以只是当前页面。要将它也应用到子页面，还可以使用相同的样式定位 .current_page_parent，如下所示：

#skenav ul li.current_page_item > a, #skenav ul li.current_page_parent > a, #skenav ul li.current-menu-ancestor > a, #skenav ul li.current-menu-item > a, #skenav ul li.current-menu-parent > a {
    background-color: #17bfdc;
    color: #fff;
}

这些 classes 应该是开箱即用的（只需使用 invert lite 检查）。但是您可以使用过滤器将 class 自己添加到单个博客文章的博客菜单中，如下所示：

function add_page_parent_to_single( $classes, $item ) {
    if ( is_single() && $item->title == 'Blog' ) {
        $classes[] = 'current_page_parent';
    }
    return $classes;
}
add_filter( 'nav_menu_css_class', 'add_page_parent_to_single', 10, 2 );

虽然它可以解决 - 我真的不喜欢那样按名称引用菜单。

Wordpress 菜单 - 活动 Class 不工作

Wordpress Menu - Active Class Not Working

wordpress