利用iconfont向无忧速建主题添加任意图标
2020-03-24 教程格式:图文 所属类目:源码使用
5Usujian主题中的“图标列表”、“图标”、“图标网格”等元件都支持在主题自带的图标库中直接选择图标,这些图标不是图片格式无法通过自己作图上传来拓展,那么如果感觉图标不够用,自带的图标没有自己想要的怎么办呢?
接下来介绍如何利用阿里巴巴图标库打包制作自己的图标库来拓展主题图标的方法:
1. 首先进入阿里巴巴图标库网站,网站地址:
https://www.iconfont.cn/
2. 注册账号并登录,注册和登录过程不做详解;
3. 登录后,进入“图标管理”->"我的项目",如图:
4. 点击新建项目
在弹出的窗口中设置项目属性,如下图填写
5. 新建完项目之后就可以向项目中随意添加图标了,随便搜索一下找到自己想要的图标
例如想要找“主页”图标,就搜索主页
在搜索结果中找到自己喜欢的,点击购物车按钮加入自己的库:
你可以选任意多个图标,图标选择结束后点击右上角的购物车按钮:
选择你刚刚新建的项目
6. 再次进入“图标管理”->“我的项目”
如上图,选择自己新建的项目,然后点击“下载至本地”;
7. 进入自己的网站后台,进入“5Usujian”->“导入导出”,点击“上传/选择Zip格式字体压缩包”,将刚刚下载到本地的zip文件上传
8. 选择zip文件,导入,
此处有可能出现上传后在选择zip的界面中找不到刚刚上传的文件,只需刷新页面即可
9. 导入完成后再去“图标”这类元件中查看就会发现自己刚刚上传的图标已经出现了;