一、首先登录阿里巴巴矢量图标库
阿里图标库:http://www.iconfont.cn/
二、新建图标库项目
登录后,点击上面菜单中的 图标管理→我的项目
点 新建项目图标 —新建一个图标项目,在弹出的窗口中输入相关信息,项目名称任意。
项目名称随意 FontClass/symbol前缀 不会就默认点新建。
接下就是寻找我们的图标了,选择我们喜欢的图标加入购物车。
三、向图标项目中添加图标
点击菜单上的图标库,进入一个图标库(注:主题不支持多色图标)。
用鼠标选择一个图标并点击上面的购物车图标,将图标添加到临购物车中。
选择添加完图标,点击右上角的购物车图标,将添加在购物车中的图标添加到 相应 项目中。
四、加载外链图标字体库
点击查看在线链接,获取在线css链接
复制代码,进入WP后台—-外观—-begin主题选项→辅助功能 选项卡
将 复制的图标字体库链接 添加到主题选项中—最后保存。
五、给菜单项目添加图标字体
WP后台→外观→菜单,进入菜单编辑管理页面,打开右上角的”显示选项“,把“CSS类“开启
回到 啊里图标字体库 页面,用鼠标复制 图标代码,例如:be-shouye
添加到菜单项目的CSS类中,如图:最后就是记得要保存菜单,保存过后才能看到效果。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容