wordpress导航菜单添加图标方法

小宋
322
文章
782
评论
2015年7月7日12:24:08 6 50 次 543字阅读1分48秒

BaiduShurufa_2015-7-7_12-8-26

 

看了的boke123导航为MFBegin主题导航菜单添加个性图标字体》,也把自己的小站折腾了一番,一气呵成,看着明显高大尚了许多,你们觉得呢,大家都可以来试试、来折腾折腾。

 

折腾方法,我来转发下:

一、WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。

二、WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:

为导航菜单添加个性图标字体

如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”。注:WordPress 4.2+版本有BUG,无法打开右上角的“显示选项”,可参阅下文提供的方法解决:《WordPress 4.2版两处问题修正》。

图标字体选择器名称,打开此页查看:http://fortawesome.github.io/Font-Awesome/icons/点开一个认为合适的图标字体,在下会显示类似:

<i class="fa fa-home"></i>

只需在菜单CSS类中输入fa fa-home就可以了。当然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。

 

 

来源:知更鸟 boke123导航

  • 本文由 发表于 2015年7月7日12:24:08
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:6   其中:访客  0   博主  0
    • avatar 杨永博客 1

      还有你文章下面的赏和分享一体是怎么添加的,教程在哪儿,万分感谢

      • avatar 杨永博客 1

        百度搜到这篇文字,太感谢了,我整了好久不知道在哪儿添加,慢模板加图,弄了一天,原理如此简单啊,学习了,我的博客,www.qianxixian.cn 欢迎回访,想和你换个链接,又怕我新站你肯定不太愿意。

        • avatar 手机流量活动 1

          喜欢这种的,加个图标这样认别度也很高咕哝 ,谢谢分享啦~

          • avatar weiss 0

            收藏了,谢谢

            • avatar 小小 0

              沙发