WordPress菜单CSS类选项设置方法-蚂蚁资源

WordPress菜单CSS类选项设置方法

本打算将导航菜单里的重要链接修改一下颜色以加亮显示。虽然知道修改应该是在链接更多选项里CSS类中进行,但具体设置方法还是不太清楚,尝试求助搜索引擎也没找什么有价值的信息。后来还是通过反复测试才设置成功的,现将具体方法介绍一下,以方便遇到同样问题的朋友参

WordPress菜单CSS类选项设置方法:

1、点开WordPress菜单设置页面右上角“显示选项”,勾选里面的菜单高级属性CSS类。

2、打开编辑正在使用的主题CSS文件,这里以WordPress默认Twenty Ten主题为演示,其它主题修改类似,找到菜单项样式语句“#access ul li.current-menu-item > a,”,大约在CSS文件中的第436句左右。我们将其复制并稍微修改一下,创建一条新的样式语句供设置菜单项目调用。如修改新建这么一句“#access ul li.current-menu-item-41 > a {color: #ffff66;}”,红色字体为添加部分,你也可以随意取名。将它添加到该样式块段落的最后面,如果位置添加不当,可能会出现无法显示效果或设置菜单链接前面的链接也应用这条样式,具体添加位置如下(Twenty Ten主题示例):

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,//原菜单项样式
#access ul li.current-menu-parent > a {
 color: #fff;
}
#access ul li.current-menu-item-41 > a {color: #ffff66;}//新建菜单项样式添加位置,这条样式设置了链接颜色为#ffff66,你可以随便修改,当然也不限于颜色设置,可以是文字加粗,文字大小等其它CSS设置。

3、上面CSS修改保存后,回到WordPress菜单设置页面,在需要设置的菜单项目CSS类中填入上面新建的current-menu-item-41样式名称保存即可,如下图:

4、完成后显示效果如下图:

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.antziyuan.com",如遇到无法解压的请联系管理员!

蚂蚁资源 » WordPress菜单CSS类选项设置方法

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
该资源仅供学习和研究传播,大家请在下载后24小时内删除,一切关于该资源商业行为与我们无关。 请勿将该软件进行商业交易、转载等行为,该软件只为研究、学习所提供,该软件使用后发生的一切问题与本站无关。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
找不到素材资源介绍文章里的示例图片?
对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
蚂蚁资源
大家都喜欢的资源网站!
  • 48会员总数(位)
  • 793资源总数(个)
  • 1本周发布(个)
  • 0 今日发布(个)
  • 178稳定运行(天)

提供最优质的资源集合

立即查看 了解详情
升级SVIP尊享更多特权立即升级