如何在导航菜单中突出显示当前页面？

时间：2013-05-04 作者：jcora

我正在为我的学校定制一个WordPress主题，我对导航菜单中的当前页面没有显示感到有点恼火。

例如：

enter image description here

您可以清楚地看到，我正在导航菜单中的某个页面上悬停，并且我悬停的页面会按预期突出显示。

然而，我目前所在的页面“Arhiva”并没有突出显示，我认为这可能会让人有些困惑。

我不希望当前页面和鼠标悬停的页面以相同的方式高亮显示。我相信nav菜单中的粗体输入文本可以很好地将当前页面与其他页面分开。

我怎样才能做到这一点？

可以在此处查看主题的当前CSS：http://petagimnazija.hr/wp/wp-content/themes/chiron/style.css.

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

导航菜单系统添加了很多类，包括匹配当前页面（相当智能地，它甚至会尝试检测显式输入的自定义URL）。

要使用的最简单类是current-menu-item, 但是，还有很多与父母/祖先打交道的人，等等。

食品法典委员会将其记录在wp_nav_menu() > Menu Item CSS Classes.

结束
标签： theme-development   menus   themes   pages   css   小码农  

相关推荐

如何将Style排在style.css之前

我如何排队。样式之前的css文件。是否加载了css？或设置默认样式。css依赖于另一个。css文件？我正在加载一个。css重置，哪种样式。css将覆盖。以下是我所拥有的：add_action(\'wp_enqueue_scripts\', \'load_css_files\'); function load_css_files() { wp_register_style( \'normalize\', get_template_directory_uri() . \'/c