之前一直想给B2的菜单添加小图标,全网找了很多教程,都没有适合B2的,于是,这两天就自己研究,终于把添加小图标的方法弄清楚了,今天就给大家分享下B2主题添加小图标的方法,本方法原则上适用于wordpress的所有主题。
效果演示
教程开始
1.注册并登录
我们访问iconfont官网(https://www.iconfont.cn/),单击右上角的登录
2.创建项目
登录成功后,我们点击菜单栏的“资源管理-我的项目”
然后我们点一下“创建项目图标”
然后在创建项目弹窗界面,填入相关的信息
- 项目名称:如果你有好几个项目,那么项目名称就是为了区分不同的项目,可以自定义填写
- 项目描述:和字面意思一样,可以不填
- FontClass/Symbol 前缀:这个很重要,后面我们会用到,我们用的是B2主题,所以,我们把这个改为“b2-”
- Font Family:这个也很重要,后面我们会用到,建议我们B2主题都改为b2(注意:Font Family的名字不要用b2font,这个名字回和B2主题自带的图标库冲突,建议用b2font之外的其他名字)
- 字体格式:建议全部选上
最后填完的效果如下,如果这一步你有点迷惑,那你直接照着我的这个图设置即可
所有信息都填好后,我们点击“新建”,新建完成后,可以看到,我们的图标库是空的,接下来就是要把小图标添加到我们自己的项目
添加完成后,我们点保存,回到首页即可看到菜单前面多了个小图标。
文章链接:https://www.tukuv.com/953.html
更新时间:2022年01月05日
本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:tucool@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读图酷网络服务协议。
厉害