在主页上突出显示“主页”/“博客”按钮

时间:2018-08-27 作者:Andreas

每当我在主页上时(我已经创建了一个与我的主页的自定义链接),我都会不顾一切地试图突出显示我的“博客”按钮,但徒劳无功。。。这真是令人抓狂!

我唯一一次能够突出显示它是在我使用“.菜单项有子菜单”时,但即使我输入其他页面或菜单(例如:“关于”或“档案”)时,它也会保持突出显示状态。

是否有任何方法可以仅使用任何CSS命令或条件来解决此问题?我必须说,我对html完全是零,我希望避免使用它(当然,如果可能的话)。

非常感谢Andreas

2 个回复
最合适的回答,由SO网友:nmr 整理而成

Wordpress用CSS类标记菜单中当前显示的页面.current-menu-item, .current-menu-parent, .current-menu-ancestor. 使用这些类添加所需样式以高亮显示项目。

示例菜单:

* Blog
  * First Category
  * Second Category
* About
* Contact
打开时blog 第页,对应的菜单项(“Blog)有一个类.current-menu-item. 类似地,当您打开contact 页,相应的菜单项将具有类.current-menu-item.

如果你转到页面second category, 菜单项“Second Category“将有课程.current-menu-item 和“Blog“项目将具有类.current-menu-parent.

更新(突出显示类似于悬停)突出显示“Blog“当您位于主页或其中一个类别(“音乐与派对”、“旅游与文化”等)时,请在您的网站上添加样式:

.home #menu-item-1258 > a span, 
#menu-main > .current-menu-item > a span, 
#menu-main > .current-menu-parent > a span, 
#menu-main ul .current-menu-item, 
#menu-main ul .current-menu-parent { 
   background-color: #37cadd; 
}

SO网友:Castiblanco

您必须使用此CSS选择器。我真的不知道你所说的突出显示是什么意思,在这种情况下可能是背景:

.home #menu-item-1258, .current-menu-item {
    background: blue;
}
如果你想详细说明,突出显示是什么意思,我可以帮助你,以防它不疯狂,或者你可以学习一些CSS并使用它。

如果您不知道如何添加CSS,check this out.

结束

相关推荐

Custom Menus and taxonomies

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