WordPress使用symbol引用阿里图标

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

在阿里图标资源管理里面新建一个我的项目，然后去首页搜到需要的图标，添加到购物车，右上购物车添加到我的项目里面（就是刚刚创建的项目）

打开我的项目，找到symbol引用

这里js代码需要注意，每次修改项目库里面的图标都需要重新生成新的js

引用到网站

将下面代码插入到主题的footer.php文件里面（一般主题都集成了自定义代码的功能，添加到主题里面，每次更新就不需要手动添加了

<script src="这里填你生成的js代码"> /* 每次更新项目里面图标，需要重新生成链接更换 */</script> 
<style type="text/css">
    .icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
</style>

图标使用到菜单演示

比如将下方代码引用到外观菜单里面

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

注意：如果引用图标的css和自身主题css冲突，只需要改一下icon类名，比如icon123。