具有自定义帖子类型的当前页面的导航样式

时间：2014-10-19 作者：tonyedwardspz

我正在尝试使用以下CSS来设置WordPress站点的导航样式，以突出显示当前页面或父页面。我正在使用自定义的帖子类型来显示项目。

.current-menu-item > a,
.current-menu-ancestor > a,
.current_page_item > a,
.current_page_ancestor > a {
    border-bottom: 2px solid #fcbf32;
}
这非常适合顶级页面和归档。

当我在上面添加以下内容时，我遇到了问题：

.current_page_parent > a
使用此方法，我可以得到以下结果：

突出显示项目链接（.current menu item）和博客链接（.current\\u page\\u parent），博客链接在主项目页面上显示为当前页面的父级我如何让项目帖子显示项目导航链接作为父项？

非常感谢您的帮助。托尼

1 个回复
最合适的回答,由SO网友:Robert hue 整理而成

这很正常，因为项目CPT帖子不是项目页面的子项。项目页面仅用于显示项目CPT帖子。

现在，如何在查看单个项目时突出显示项目页面。这就是身体课的用武之地。您可以使用body类根据正在查看的页面、cpt或部分高亮显示和取消高亮显示菜单项。

例如，如果您的帖子类型为project 项目页面的菜单项id为26，博客页面的菜单id为27。然后您可以像这样突出显示菜单项。

body.single-project div.nav ul li#menu-item-26 > a{
    border-bottom: 2px solid #fcbf32;
}
body.single-project div.nav ul li#menu-item-27 > a{
    border-bottom: 0;
}
这将取消高亮显示项目单个帖子上的博客菜单项，并高亮显示项目页面。您也可以对其他项目应用相同的规则。

结束
标签： custom-post-types   menus   小码农  

相关推荐

How to add taxonomy in menus?

书籍（自定义帖子类型）小说（税）科学（税）历史（税）--书籍体裁（税务）小说（术语）科学（学期）历史（学期）以下哪一项是做这件事的“好方法”？对于前一个（这是我目前在管理菜单中的功能，我为每个功能都提供了“register\\u taxonomy”功能），我无法选择要在菜单中显示的“Tax”。而对于后者，我可以将它们添加到菜单中，只需要一个“register\\u taxonomy”函数。