Wordpress wp_nav_menu 帮助答案

【问题标题】：Wordpress wp_nav_menu helpWordpress wp_nav_menu 帮助
【发布时间】：2011-06-05 15:37:15
【问题描述】：

我目前正在使用 wp_nav_menu 来生成我的导航菜单。尽管一切正常并且菜单突出显示正常工作，但如何让子页面也被突出显示？

例如，我有一个名为“Page”的菜单项，它下面有 3 个子页面。因此，当我在任何子页面中时，我希望主页仍然突出显示......使用 wp_nav_menu 怎么可能......？

【问题讨论】：

【解决方案1】：

Wordpress 将为当前页面提供“current-menu-item”类，因此只需添加您想要的 css。例如

.current-menu-item {
background: #0077CC;
}

编辑：- 您可以使用

来定位子菜单项

.sub-menu .current-menu-item {
background: #0077CC;
}

Edit2:- 在子页面上使用它来突出显示父菜单项

.current-menu-parent {
background: #0077CC;
}

【讨论】：

也许你没有仔细阅读这个问题......它只适用于父页面而不是子页面......
...不，也许我写的不清楚？例如，我有一个名为“A”的页面，还有 3 个其他页面是“A”的子页面。在导航菜单上，A 在父页面上列出并突出显示。但是，如果我在其他 3 个子页面中的任何一个中，我仍然希望突出显示“A”...希望更清楚...
你可以使用 '.current-menu-parent' 来做到这一点。

【解决方案2】：

WordPress 的body_class 功能可以帮到你。

您需要的是 current-menu-parent，您可以在 CSS 中使用它。据我所知，没有特别好的文档记录，但这篇文章有帮助：

【讨论】：