CoreNext主题使用阿里巴巴iconfont图标库

阿里巴巴的iconfont图标库里面有非常多丰富有趣的图标。本教材展示如何使用他家的图标作为菜单图标。

一.生成在线链接

用途说明：创建属于自己的项目文件夹，方便自己网站引用在线Symbol链接。

1.1登录iconfont

iconfont官方网址：https://www.iconfont.cn/

1.2 创建项目

登录 iconfont 账号  →  顶部导航「资源管理」 →  我的项目  →  新建项目

1.3 添加图标

图标库中找到自己喜欢的图标，点击添加至购物车。添加完成后进入购物车将图标添加至项目。

1.4 生成Symbol链接

二.插入代码

WordPress后台 -> CoreNext 主题设置 - > 插入代码 -> Iconfont地址

三.使用阿里云图标

<svg class="icon" aria-hidden="true"><use xlink:href="#图标名称"></use></svg> 菜单名称

四.大功告成

这样你就获得了一个漂亮的菜单图标啦

五.注意事项

每次添加图标后，都需要更新阿里云的Symbol链接哦