• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >WordPress > WordPress菜单CSS类选项设置方法

WordPress菜单CSS类选项设置方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-13

佚名 向大家介绍了wordpress自定义css,wordpress菜单设置,wordpress菜单插件,wordpress菜单,wordpress菜单图标等相关知识,希望对您有所帮助

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • wordpress主题中style.css文件需要用到的注释说明整理
  • WordPress菜单CSS类选项设置方法

相关文章

  • 2017-05-13Wordpress实现单篇文章分页显示的方法
  • 2017-05-13忘记wordpress的登录密码的解决方法(比较简单)
  • 2018-11-02常见的wordpress数据库连接出错情况及解决方案
  • 2017-05-13WordPres限制非管理员访问管理面板的方法
  • 2017-05-13结合WordPress结构进行适合自己的SEO
  • 2017-05-13wordpress 为主题添加AJAX提交评论功能的php代码
  • 2017-05-13wordpress不支持中文用户名的解决方法
  • 2017-05-13WordPress伪静态和中文标签支持配置方法
  • 2018-11-02wordpress网站不利于搜索引擎优化存在的问题与建议
  • 2017-05-13wordpress如何安装,WordPress安装过程

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • WordPress增加文章排序方式
    • 按评论数量显示前100名评论者
    • 如何把word文档内容和图片直接导入到wordpress编辑器
    • 为WordPress添加文章字数统计的方法
    • WordPress报error establishing a database connection错误
    • wordpress增加网站统计信息
    • wordpress的优缺点有哪些?给你建站提供思路
    • WordPres限制非管理员访问管理面板的方法
    • WordPress站点JS以及CSS代码压缩
    • WordPress获取文章状态函数:get_post_status

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有