Wordpress菜单显示来自父母的子

时间:2017-03-22 18:17:00

标签: wordpress

我有一个菜单,我在Wordpress中创建了一个外观 - > Menus,名为Main。

输出

  • 父母一
    • Sub One
    • Sub Two
    • Sub Three
  • 父母二
    • Sub One
    • Sub Two
    • Sub Three

如果我在Parent One上 - > Sub 2,如何在侧边栏中显示与Parent One相关联的所有链接,并突出显示Sub 2,因为我的菜单中的页面是什么?

1 个答案:

答案 0 :(得分:0)

如果您正在使用侧边栏中的菜单小部件,则在检查菜单元素时,您的li标签(顶级菜单和子菜单)是否包含类似" current_page_item"和" current_page_ancestor"?如果是这样,您可以在css中定位这些类以隐藏/显示所需的子菜单,并更改当前页面链接的颜色。

例如:

    .sidebar .menu .sub-menu {
        display: none;
        margin-left: 35px;
    }
    .sidebar .menu .current_page_item .sub-menu, 
    .sidebar .menu .current_page_ancestor .sub-menu {
        display: block;
    }
    .sidebar .menu li a:hover, 
    .sidebar .menu li.current-menu-item > a {
        color: #0284e8;
        text-decoration: none;
    }