WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)

我们看到的大多数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

这几篇文章你可能也喜欢：

• #11.11# ThemeBetter 年度特卖，WordPress 主题 40% 优惠，起价 1.38 日元，永久免费更新
• 以太网服务器：专用服务器，每月费用从 79 美元起，VPS 年费从 14.95 美元起
• 如何在 WordPress 中删除主题模板（如何在 WordPress 中删除导入的主题）
• WordPress教程：如何左右滑动照片（WordPress Picture Station）
• 如何给WordPress添加备案信息（WordPress网站备份插件）

本文由主机参考刊发，转载请注明：WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置) https://zhujicankao.com/88310.html