查看子页时突出显示导航中的活动页

时间:2018-08-21 作者:Holly

我正在尝试做一些看似简单的事情。我已经投入了大量的时间进行研究,但无法独自解决这个问题。我希望在查看子页面时,导航的“公文包”页面保持活动状态。我的网站是hc。设计我们将非常感谢您的帮助!!

谢谢

冬青

1 个回复
SO网友:Tedinoz

您有一个CSS问题,但您可能已经知道了。这个社区有一个好帖子”Highlight the parent menu-item when child menu item page is selected/loaded“这似乎提供了一个解决方案。但在你的网站上实现这一点说起来容易做起来难,因为你的网站上加载的CSS文件种类繁多。

例如,菜单中的“蓝色”下划线来自主样式中的“边框底色”。css;post-33中活动菜单文本的“颜色”。css;来自全局的默认(非活动)菜单颜色(浅灰色)。css;从两个前端填充菜单。最小css和post-33。css。

但是,如果您在post-33中添加以下CSS。css,你应该成功。

li.current-page-ancestor a {
    color: #6ec1e4 !important;
    border-bottom-color: #6ec1e4 !important;
    border-bottom-style: solid !important;
    border-bottom-width: thin;
}
如果你想寻找替代方案,或者如果你的网站变得更加复杂,那么比尔·埃里克森(BillErickson)会在他的博客上发表一篇非常有用、解释得很好的文章。”Customize which menu item is marked active“其中,他创建了一个过滤器,根据显示的特定页面、标签和类别来控制突出显示的菜单。

还有一件事:在About页面的底部,你有Elmhurst College和Virginia Tech的链接。这两个链接与你的网站在同一个页面中打开,也就是说,它们会将你的访问者从你的网站带走。您可能会发现最好添加:

target="_blank"
指向这些链接,以便它们在新选项卡中打开。

结束

相关推荐

Custom Menus and taxonomies

好的,我刚开始使用WordPress,不是很好,我有一个菜单问题,我真的需要一些帮助。我在一个网站上工作,它有多个地点,并非所有地点都销售相同的产品。所有位置都是具有父结构的页面。俄亥俄州-联系我们-关于我们-产品等。。。西弗吉尼亚州-联系我们-关于我们-产品等。。。宾夕法尼亚州-联系我们-关于我们-产品等我掌握了自定义页面模板的窍门,并为其添加了自定义菜单(因此,我所有的Ohio页面都使用了我制作的自定义Ohio模板,并包含了自定义Ohio菜单)。我正在使用帖子创建产品信息页面,并使用以下方式显示它们: