之前弄过一篇同类的美化教程(阿里巴巴图标库使用方法(导航菜单添加个性图标字体)—— WordPress美化教程),不过那个是针对知更鸟Begin5.0以上版本主题使用。今天特分享针对WordPress搭建的博客使用的添加个性图标字体的教程。
WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:
注:如果在编辑菜单项目面板中无CSS类,打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”,如下图:
图标字体选择器名称 http://fontawesome.io/icons
点开一个认为合适的图标字体,在下会显示类似:
- <i class="fa fa-home"></i>
只需在菜单CSS类中输入
就可以了。
当然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。
分类小工具添加图标字体
这篇《为导航菜单添加个性图标字体》中的方法可以为菜单添加图标字体,有童鞋要求侧边分类小工具也加上图标字体,分类小工具是无法添加图标字体的,但可以变通一下,使用自定义菜单小工具来实现。
新建一个单独的菜单(不能有二级菜单项目),然后使用自定义菜单小工具调用这个单独的菜单,图标字体添加方法同《为导航菜单添加个性图标字体》,另外,可以选择显示分类,比默认的分类目录小工具,更加灵活。
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
2020年7月10日 16:09 41楼
看看
2020年7月21日 12:30 42楼
了解一下
2020年11月27日 07:46 43楼
了解一下
2021年7月9日 11:44 44楼
感谢分享。。。。
2022年6月28日 10:30 45楼
看看
2022年9月2日 10:30 46楼
感谢分享