WordPress的 - 选择/加载子菜单项页面时突出显示父菜单项

我有一个基本的菜单和一些菜单项有子菜单。我对wordpress有很少的经验，现在没有时间深入了解细节。所以我的问题是，当使用导航到其中一个子菜单页面时，突出显示顶层菜单项的最简单方法是什么？（我尝试使用JavaScript和纯CSS来设置颜色属性的元素ID和通过使用“当前的猫父”类，但都没有工作）。
任何帮助，不胜感激。WordPress的 - 选择/加载子菜单项页面时突出显示父菜单项

注：我正在使用一个叫做变色龙的主题。

来源

2013-03-24 Quantum_Entanglement

您可以分配当前菜单项类.current菜单 - 祖先类像

.main_menu li.current-menu-item a, .main_menu li.current-menu-ancestor a{ 
    color: #777777 !important; /* highlight color */ 
}

这将突出父页面菜单

请参阅this page

来源

2013-03-30 08:39:07

.current-menu-ancestor没有工作为了我。 .current-page-ancestor没有。

来源

2013-11-01 13:10:01 AnaRita

您可以在关闭正文标记之前在主题的footer.php文件中插入以下代码。

<!-- Highlight parent page link when on child page --> 
<?php if (is_page()) { // displaying a child page ?> 
    <script type="text/javascript"> 
     jQuery("li.current-page-ancestor").addClass('current-menu-item'); 
    </script> 
<?php } ?>

它的美妙之处在于它在PHP中的代码动态性。它所做的只是添加另一个本地WordPress导航li类，使当前页面的链接处于活动状态。

我在这里写了一篇短文，解释它是如何工作的：How to keep parent page navigation link highlighted when viewing a child/sub page！

如果您有任何疑问，请随时告诉我。

来源

2015-02-18 14:38:10

-1

编辑此问题时有点问题，但找到了一个简单的解决方案。我使用WordPress的店面主题，只需粘贴到您的子主题的style.css文件：

li.current-menu-parent >a { 
    color:red !important; 
}

来源

2016-04-19 16:41:29

欢迎来到Stack Overflow！请在您发布的代码中添加一些信息。另外检查[回答]并参加[游览] – manniL 2016-04-19 17:01:38

有趣。您的解决方案强调父母，但不是当前的孩子。但它使我走上正确的道路，最终，这就是我所需要的。

li.current-menu-parent >a, .current-menu-item >a { 
    color: red !important; 
}

来源

2017-06-13 15:49:05

太棒了。我几乎一天都在寻找这个解决方案。非常感谢您进行最简单的修复。 – 2018-02-22 15:13:11

WordPress的 - 选择/加载子菜单项页面时突出显示父菜单项

回答

相关问题