WordPress菜单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、实现后显示成果如下图:

以上就是安达网络工作室关于《WordPress菜单CSS类选项设购置法》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 选项设置 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
wordpress去掉自带的logo或许左侧栏的菜双方法

去掉logo或许左侧栏的菜单,避免被改掉。 在应用模板下的functions.php下修正 复制代码代码如下: function ...

详解WordPress开发中get_header()获取头部函数的用法

函数意义详解 从以后主题调用header.php文件。是不是很简略?好吧,假如你是老手的话这里要提示一下,这里的...

WordPress装置图解教程

1 下载并解紧缩“WordPress”,英文版能够到WordPress民间网站下载,中文版能够到WordPress中文论...

wordpress模板罕用函数集锦

根本模板文件 style.css : CSS(款式表)文件index.php : 主页模板archive.php : Archive/Category模板404.ph...

wordpress中is_sticky()判别文章能否置顶的参数与用法

【阐明】 反省以后文章能否置顶。前往值TRUE 或许 FALSE. 【用法】 复制代码代码如下:<?php is_sticky($pos...

WordPress完成加入登录后跳转到指定页面的办法

本文实例讲述了WordPress完成加入登录后跳转到指定页面的办法。分享给大家供大家参考。详细办法如下: 有时...

需求提交

客服服务

亿鸽在线客服系统