- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
稍微用点心的朋友,就会发现,大多数wordpress主题的导航在访问某个菜单时,这个菜单项不会高亮显示,这在一定程度上有时会让用户不知道自己正在访问的是哪个菜单下的内容,就显得有些许不方便。而直接通过CSS是实现不了高亮的,市面上大多数用JS来实现,但这样一来会影响SEO优化。其实,wordpress早就为大家想到这一点了,实现起来也是非常方便的。
下面这句是wordpress自带的导航高亮:
#nav .current-menu-item,#nav .current-menu-parent{ background:#000000;}
上面代码中的#nav 是导航菜单中标签,通过上面的CSS代码,就可以让 #nav 标签里的 正在访问的 li 标签在前台高亮显示。