之前弄过一篇同类的美化教程(阿里巴巴图标库使用方法(导航菜单添加个性图标字体)—— WordPress美化教程),不过那个是针对知更鸟Begin5.0以上版本主题使用。今天特分享针对WordPress搭建的博客使用的添加个性图标字体的教程。
WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:
注:如果在编辑菜单项目面板中无CSS类,打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”,如下图:
图标字体选择器名称 http://fontawesome.io/icons
点开一个认为合适的图标字体,在下会显示类似:
- <i class="fa fa-home"></i>
只需在菜单CSS类中输入
就可以了。
当然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。
分类小工具添加图标字体
这篇《为导航菜单添加个性图标字体》中的方法可以为菜单添加图标字体,有童鞋要求侧边分类小工具也加上图标字体,分类小工具是无法添加图标字体的,但可以变通一下,使用自定义菜单小工具来实现。
新建一个单独的菜单(不能有二级菜单项目),然后使用自定义菜单小工具调用这个单独的菜单,图标字体添加方法同《为导航菜单添加个性图标字体》,另外,可以选择显示分类,比默认的分类目录小工具,更加灵活。
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2019年4月26日 13:06 21楼
可以
2019年5月1日 01:53 22楼
看看看
2019年5月11日 06:06 23楼
感觉还而已,爱卡南
2019年5月15日 23:49 24楼
看看
2019年7月17日 18:00 25楼
厉害
2019年7月17日 19:13 26楼
你好
2019年7月17日 19:28 1层
@132 你好,欢迎光临仙踪小栈,希望以后常来
2019年7月18日 17:13 27楼
你好
2019年9月13日 19:21 28楼
我想学习
2019年9月13日 20:17 1层
@oscar 很简单,是吧。欢迎常来
2019年9月25日 08:24 29楼
我按照网上的教程添加了代码,但是不显示,是不是主题里面没有选择器啊,需要安装选择器是吗站长
2019年9月25日 09:38 1层
@xichengwan 教程里面没有说要安装选择器啊,要认真看教程,一步一步,另外可以再参考《阿里巴巴图标库使用方法(导航菜单添加个性图标字体)—— WordPress美化教程》http://www.ixianzong.com/117.html
2019年10月5日 01:25 30楼
拿走了
2019年10月5日 01:26 31楼
我拿走了
2019年11月27日 11:37 32楼
学习学习
2019年12月10日 20:48 33楼
看看怎么样
2019年12月10日 20:49 34楼
怎么样
2020年1月3日 22:43 35楼
可以的呀
2020年2月21日 22:45 36楼
看看学习
2020年3月22日 00:18 37楼
学习了
2020年3月26日 00:13 38楼
就看了看健康快乐缴款记录
2020年4月19日 02:18 39楼
很简单,是吧。欢迎常来
2020年5月3日 18:01 40楼
找了好久的东西!