如何使用阿里图标库添加个性图标

一、首先登录阿里巴巴矢量图标库
阿里图标库:http://www.iconfont.cn/

二、新建图标库项目
登录后,点击上面菜单中的  图标管理→我的项目

新建项目图标新建一个图标项目,在弹出的窗口中输入相关信息,项目名称任意。

项目名称随意 FontClass/symbol前缀  不会就默认点新建。
接下就是寻找我们的图标了,选择我们喜欢的图标加入购物车。

三、向图标项目中添加图标
点击菜单上的图标库,进入一个图标库(注:主题不支持多色图标)。
用鼠标选择一个图标并点击上面的购物车图标,将图标添加到临购物车中。

选择添加完图标,点击右上角的购物车图标,将添加在购物车中的图标添加到 相应 项目中。

四、加载外链图标字体库
点击查看在线链接,获取在线css链接

复制代码,进入WP后台—-外观—-begin主题选项→辅助功能 选项卡
将 复制的图标字体库链接 添加到主题选项中—最后保存。

五、给菜单项目添加图标字体
WP后台→外观→菜单,进入菜单编辑管理页面,打开右上角的”显示选项“,把“CSS类“开启
回到 啊里图标字体库  页面,用鼠标复制 图标代码,例如:be-shouye
添加到菜单项目的CSS类中,如图:最后就是记得要保存菜单,保存过后才能看到效果。

© 版权声明
THE END
喜欢就支持一下吧
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容