导航菜单图标字体

知更鸟
知更鸟
知更鸟
1632
文章
6932
评论
2016年7月13日10:59:0832.5K3

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

导航菜单图标字体

font

注:

如果在编辑菜单项目面板中无CSS类,打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”,如下图:

 

导航菜单图标字体

 

图标字体选择器名称

打开此页查看:http://fontawesome.io/icons/

 

点开一个认为合适的图标字体,在下会显示类似:

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

只需在菜单CSS类中输入fa fa-home就可以了。

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

 

侧边分类小工具添加图标看这里第2条

weinxin
版权声明
本站原创文章转载请注明文章出处
WordPress 节日灯笼插件 WordPress

WordPress 节日灯笼插件

去年春节做了个CSS3动画灯笼,貌似大家都很喜欢,虽然只是一个简单的玩意,不过使用起来还是有点麻烦,需要向当前主题添加调用代码。特将原来的代码整理一下,制作成插件,加入设置选项,方便大家使用,插件在W...
WordPress 删除xmlrpc.php防DDOS攻击 WordPress

WordPress 删除xmlrpc.php防DDOS攻击

可能很多WordPress用户都不知道这个xmlrpc.php是什么,简单地说就是Wordpress 为手机等客户端提供的接口文件,早期的Wordpress 这个接口就是个万恶之源,虽然经过多次的升级...
WordPress 5.6.1 维护更新 WordPress

WordPress 5.6.1 维护更新

WordPress 5.6.1 维护更新,修复20个错误及7个区块编辑器问题,无安全更新,中文版同期发布。 看了一下更新日志,只有少数几个程序的错误,基本都是修正默认主题的错误。 该版本是一个短周期维...
匿名

发表评论

匿名网友

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

评论:3   其中:访客  3   博主  0
    • 岐山猕猴桃 岐山猕猴桃 2

      用的是你的主题,按照你上面说的方法,菜单导航并没有显示图标,不知道问题出在那里?

      • 岐山猕猴桃 岐山猕猴桃 2

        我的主题在发表评论的时候,会报错!
        504 Gateway Time-out
        The gateway did not receive a timely response from the upstream server or application.
        Powered by Tengine

        • 小苹果 小苹果 0

          按照上面的教程,添加不上标题图片