博客文章没有突出显示活动菜单项

4

好的,我知道关于这个主题在SO上有其他几个问题。到目前为止,我可能已经阅读了所有的内容。我已经研究了两个多小时,现在我即将放弃(!)......因此,在这里我终于向其他聪明的人提出问题。

我正在帮助建设这个WordPress网站:greatman.us。 而帖子页面位于名为“Blog”的页面上。 在PAGES中,“active”菜单项正常突出显示,但是当您进入POST时,“Blog”菜单项不再突出显示(即标题菜单中没有任何东西突出显示)。

据我所知,WordPress中没有办法为博客文章创建“parent”选项。 此选项仅适用于页面。 我需要能够在查看BLOG POST时保持“Blog”菜单项突出显示。

以下是一般示例:

mywebsite.com/blog/ <--- 菜单项“Blog”已突出显示

mywebsite.com/blog/post223 <--- 菜单项“Blog”不再突出显示

我精通CSS和HTML,但不精通PHP。 因此,如果这是一个PHP修复,请尽可能简化你的回答。

我已经阅读了许多关于此的在线文章,似乎这是一个常见问题,大多数人不知道如何使用PHP编码。

我正在使用称为Divi的自定义主题。 它缺少其他论坛和网站所说的style.css应该具有的一些CSS元素。 这是我最终走投无路的另一个原因。 请帮帮我!

顺便说一下,我发现的一个解决方法是将POSTS添加为您在WordPress菜单区域中创建的“Blog”页面的子菜单项。 然后,在CSS中使用“display:none”将子菜单从公开显示中删除。 但是,这会导致两个主要问题:1)您永远不能添加任何其他子菜单项,因为它们不会被显示。 2)您必须手动将每个博客文章添加到菜单中作为子菜单项。 假设您是定期博客作者,这将最终使您的菜单变得超长。 这也很麻烦。

1个回答

3

在您的CSS中,您还需要添加.current-page-ancestor,并具有与当前菜单项相同的属性。

类似于以下内容:

.current_page_item, .current-page-ancestor {
    // Some attributes
}

这里猜测您已经使用了wp_nav_menu()函数。如果没有,那我需要查看您用于生成菜单的代码。

这个概念解决了它。我尝试了大约5分钟,经过几次尝试,我使用“#top-menu .current_page_parent a”得到了它!谢谢。真高兴我不必编辑PHP! - cjmbrands
1
哦,太棒了。我认为这取决于不同的情况,例如模板和文章类型等等。 :) - Stewartside

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接