您有一个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"
指向这些链接,以便它们在新选项卡中打开。