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中拔出表格的办法

WordPress 很弱小,然而其编辑器却很粗陋,可能 WordPress 依仗着本人有丰厚的插件性能所以将后盾的编辑器简...

WordPress无插件调用最新、抢手、随机文章实例代码

调用最新文章: 复制代码代码如下: <ul> <?php $post_query = new WP_Query(&lsquo;showposts=10&prime;); ...

解析WordPress中函数钩子hook的作用及根本用法

WordPress 的插件机制实际上只的就是这个 Hook 了,它中文被翻译成钩子,容许你参加 WordPress 外围的运转,...

WordPress获取指定分类文章数量的办法

本文实例讲述了WordPress获取指定分类文章数量的办法。分享给大家供大家参考。详细完成办法如下: 将以下PH...

Wordpress如何切换和治理网站外观

要害字形容:网站 外观 治理 切换 如何 主题 Wordpress WordPress 上一次教程咱们讲述了Wordpress友谊链接...

基于wordpress主题制造的详细完成步骤

代码如下:<?php/*在根目录 -> wp-content -> themes 下创立mytheme文件夹用来寄存创立新主题模板 在mythem...

需求提交

客服服务

亿鸽在线客服系统