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

提问者：小点点

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

我有一个基本菜单，一些菜单项有子菜单。我对wordpress几乎没有经验，现在没有时间深入了解细节。所以我的问题是，当用户导航到其中一个子菜单页面时，突出显示顶部菜单项的最简单方法是什么。（我尝试使用javascript和纯css通过元素id设置color属性，并使用“current cat parent”类，但两者都不起作用）<非常感谢您的帮助。

注意：我使用的主题是变色龙。

共3个答案

匿名用户

您可以将当前菜单项类分配给类似于

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

它将突出显示父页面菜单

请参阅本页

匿名用户

您可以在主题的页脚中插入以下代码。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 nav li类，即可激活当前页面的链接。

我在这里写了一篇简短的文章来解释它是如何工作的：如何在查看子/子页面时保持父页面导航链接突出显示！

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

匿名用户

我编辑这个有点问题，但找到了一个简单的解决方案。我正在使用Wordpress Storeface主题，只需将此粘贴到您的子主题的style.css文件中：

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