WordPress菜单CSS类选项设置方法

跟版网(www.genban.org)提供选项设置,等网页设计素材资源,提供相关网页设计资源的教程和免费下载。跟版网,专业织梦网页设计模板资源站。。

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、完成后显示效果如下图:


本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

修改帝国CMS默认提示框样式为layui,修改文件:e/message/index.php link href="?=$public_r[newsurl]?hmb2019/css/layui.css" rel="stylesheet" type="text/css"div class="layui-container" div class="layui-card" style="width:400px;box-shadow: 1px 1px
上一篇、下一篇文章代码: ?php previous_post_link(%link,) ??php next_post_link(%link,) ? 该代码解析出来的代码大概如下: a href= rel=external nofollow rel=external nofollow /aa href= rel=external nofollow rel=external nofollow /a 通过 get_pr
WordPress目前在最近的版本中为所有需要新窗口打开的链接都自动添加了新的 noopener noreferrer 属性。noopener noreferrer 属性并不是新发布的标准,但 WordPress 4.7.4 版开始的编辑器默认都会添加该属性。新窗口打开超链接的属性 target=_blank 增加 rel=
用discuz搭建的论坛,后台默认地址是 域名加 admin.php,很多站长怕网站被黑客攻击,一般黑客会扫描admin文件,然后破解管理员账户登录后台,所以想修改后台的地址。直接修改 admin.php 名并放到其他文件夹里,访问后台用修改过的路径虽然能访问,但是会出错
phpcms的筛选功能,网上有各种版本,但是多多少少都会有点问题,不是很完美,下面我总结网上各种版本,加上自己的研究,得出一个算是比较全的一个资料,既可以分页,也可以分栏目! 第一步:后台添加字段 添加字段: 后台--内容--内容相关设置--模型管理--文
NAS已经把玩差不多半个月了,基本的download,DLNA,都已搞定。因为一直都是博客的忠实支持者,所以必须把自己的博客也搬到NAS上,老是跟大家都混在新浪上岂不是很没面子。于是开始购入域名,研究DDNS,找博客平台。很快锁定wordpress,看了别人建站效果,感