目录
首页 笔记 详情

wordpress导航菜单高亮显示的教程


大多数wordpress主题的导航在访问某个菜单时,这个菜单项不会高亮显示,这在一定程度上有时会让用户不知道自己正在访问的是哪个菜单下的内容,就显得有些许不方便。

我们在制作wordpress主题时有些客户要求导航在访问某个菜单时,这个菜单项会高亮显示,让用户知道自己正在访问的是哪个菜单下的内容,这个要如何实现呢?wordpress早就为你想好了,.current-menu-item和.current-menu-parent就是wordpress自带的导航高亮的css类,我们只要定义这两个css就可以了,例如

.nav .current-menu-item,.nav .current-menu-parent{ background-color:orange;}

上面代码中的#nav 是导航菜单中标签,通过上面的CSS代码,就可以让 #nav 标签里的 正在访问的 li 标签在前台高亮显示。

注意:前提是导航菜单的调用函数wp_nav_menu,自带css类。


写笔记

咨询

您的电子邮箱地址不会被公开。 必填项已用*标注