WordPress使用iconfont图标库美化教程

为什么选择iconfont图标？

相比Font Awesome来说，阿里iconfont图标样式更多，更贴近国人审美，且有彩色图标，利于美化站点。

使用方法

1.注册并登录

在使用之前你需要去到阿里iconfont注册一个账号，操作方法如下：

               这里需要使用Github或者微博登录

2.挑选图标

这里注意尽量选全，因为之后每一次新增图标都要重新生成代码，比较麻烦

挑选完成后选择“添加到项目”，如果还没有项目就新建一个（记得一定要记住项目名）

3.获取代码

4.添加代码

在网站的自定义代码区域添加如下代码（这里拿子比主题为例）

<script src="这里写你刚刚复制的代码"></script>

如图，若你想在菜单里添加图标：

5.使用图标

选择你想添加到网站的图标（必须在项目库里）

在你想要的地方，加入如下代码

<svg class="icon" aria-hidden="true"><use xlink:href="复制的图标代码"></use></svg>

如图，若你想在菜单里添加图标：

效果如同本站