B2主题添加小图标-WordPress美化

之前一直想给B2的菜单添加小图标,全网找了很多教程,都没有适合B2的,于是,这两天就自己研究,终于把添加小图标的方法弄清楚了,今天就给大家分享下B2主题添加小图标的方法,本方法原则上适用于wordpress的所有主题。

效果演示

教程开始

1.注册并登录

我们访问iconfont官网(https://www.iconfont.cn/),单击右上角的登录

2.创建项目

登录成功后,我们点击菜单栏的“资源管理-我的项目”

然后我们点一下“创建项目图标”

然后在创建项目弹窗界面,填入相关的信息

  1. 项目名称:如果你有好几个项目,那么项目名称就是为了区分不同的项目,可以自定义填写
  2. 项目描述:和字面意思一样,可以不填
  3. FontClass/Symbol 前缀:这个很重要,后面我们会用到,我们用的是B2主题,所以,我们把这个改为“b2-”
  4. Font Family:这个也很重要,后面我们会用到,建议我们B2主题都改为b2(注意:Font Family的名字不要用b2font,这个名字回和B2主题自带的图标库冲突,建议用b2font之外的其他名字)
  5. 字体格式:建议全部选上
最后填完的效果如下,如果这一步你有点迷惑,那你直接照着我的这个图设置即可

所有信息都填好后,我们点击“新建”,新建完成后,可以看到,我们的图标库是空的,接下来就是要把小图标添加到我们自己的项目

添加完成后,我们点保存,回到首页即可看到菜单前面多了个小图标。

给TA打赏
共{{data.count}}人
人已打赏
精选教程

B2移动端底部美化-WordPress美化

2022-1-4 23:15:22

精选教程

B2登陆弹窗美化-WordPress美化

2022-1-7 16:57:59

⚠️
版权声明:图酷网所提供的文章、教程等内容均为用户发布整理而来,仅供学习参考,。
若您的权利被侵害,请联系站长 QQ: 57143067 或 点击右侧 私信:图酷V 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧