如何将(Css)类添加到自定义链接以使其成为Current_Page_Item

时间：2011-02-24 作者：erichmond

作为自定义菜单项，wp不会添加类current\\u page\\u项

所有其他链接吗？

<ul class="nav" id="menu-mainmenu"><li class="menu-item menu-item-type-custom menu-item-home menu-item-21152" id="menu-item-21152"><a href="http://mydomain/">Home</a></li>
<li class="menu-item menu-item-type-post_type current-menu-item page_item page-item-21154 current_page_item menu-item-21156" id="menu-item-21156"><a href="http://mydomain/">Future TV Guide</a></li>
<li class="menu-item menu-item-type-post_type menu-item-21153" id="menu-item-21153"><a href="http://mydomain/">About</a></li>
</ul>
我想将其显示为活动链接

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

你就不能瞄准吗。当前菜单项以及。当前\\u page\\u项目？

SO网友:wyrfel

WP很难判断您的自定义菜单项是活动菜单项。毕竟，它们是用于外部链接的，所以它甚至可能不再是您的WP安装。由于WP在每次页面加载时都会生成菜单，因此它只需尝试正确地判断活动菜单项是什么。

要克服你的isse。。。首先，评估您是否可以在不放置自定义菜单项的情况下执行所需操作。如果您仍然在“自定义”目标上看到您的WP菜单，那么您可以通过其他方式将其添加到菜单中。

如果出于任何原因，这不是一个选项，请比较附加到<body> 使用附加到菜单项的标签。例如，如果有一个链接到结果显示的页面page-id-2 在body标签上，以及page-item-2 在菜单项上。

调整样式表，将其组合突出显示为活动，例如在我的示例中，它将是一个条目

body.page-item-2 #menu-main-menu .page-id-2 {
    whatever: styles;
    are: suitable;
}
还请注意，通过调整菜单项slug，您对菜单项类中的至少一个条目的控制有限。

结束
标签： menus   css   小码农  

相关推荐

侧边栏小部件的不同类(CSS)

我想在站点侧栏的小部件中添加不同的类（css）。例如：侧栏->类=侧栏-top1中的第一个小部件侧栏->类=侧栏-top2中的第二个小部件侧栏->类=侧栏-top3中的第三个小部件i want to add class in <div> tag. 我该怎么办？