WordPress全站使用阿里巴巴Iconfont图标详细图文教程

前言

Iconfont-阿里巴巴矢量图标是国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。可以使用GitHub帐号登录，数百万的图标免费使用。

或许你创好一个网站后，放眼望去总觉得有些许单调，一时间又说不上来哪里少了什么。这会儿你可以用阿里ico图标给网站添加好看的图标，是不是就会有别致的个性啦~

步骤

1.登录阿里图标网站https://www.iconfont.cn

注册账号，进入，然后点击资源管理-我的项目，直接新建项目，只需要填写名称就好啦。

根据下图所示，搜索自己喜欢的图标，下载svg再上传至自己的项目即可。

2.依次点击我的项目-Symbol-点击红色的“暂无代码，点此生成”选项，生成后会有一个链接，再复制代码

<script type='text/javascript' src='此处放置你在我的项目里生成的代码链接'></script>

再将这串代码添加至自定义页脚代码中。

3.到我的项目中，复制刚上传的icon代码

4.在后台-外观-菜单-将下面的代码，放到导航标签中，Icon代码用自己对应的图标码就好。

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-zhuye"></use></svg>

以上就是全部步骤了，快去试试吧！