我们看到的大多数Wordpress网站都使用字体Awesome,一个矢量图标库。
但是有一个问题。Font Awesome图标库的图标并不美观,所以今天我们就来分享一下如何将阿里巴巴的矢量图标引入Wordpress。
1.打开阿里矢量图的网站。
域名:iconfont.cn
2.注册和登录
3.搜索图标
不一定要把这个放在图片上,只要把它包含在首页的搜索框里就可以了。
四。将搜索到的图标添加到购物车。
5.添加购物车后-添加到项目
6.选择符号格式
然后点击:还没有代码,点击生成。
7.将应用程序代码放入主题中。
添加路径:子主题背景-自定义代码-自定义底层HTML代码-添加刚复制的js格式代码。
如果以后添加一些图标,需要重新生成阿里图标库中的代码。
1最后,使用添加图标导航菜单栏(重要)。1.代码中的【添加您的图标代码】是您在阿里巴巴矢量图库中复制的ico代码:
& ltSVG class = ” icon ” aria -hidden = ” true ” >& ltuse link:href = ” # Add your icon code ” >:& lt;/use & gt;& lt/SVG & gt;网站12,在WordPress的后台->:外观->:菜单->:在正文前添加以上代码:保存即可。
1最终效果:
1