VPS参考、测评、推荐
分享你关注的VPS主机优惠信息

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

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

我们看到的大多数Wordpress网站都字体Awesome,一个矢量图标库。

有一个问题。Font Awesome图标库的图标并不美观,所以今天我们就来分享一下如何将巴巴的矢量图标引入Wordpress。

1.打开阿里矢量图的网站。

域名:iconfont.cn

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)2.注册和登录

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

不一定要把这个放在图片上,只要把它包含在首页的框里就可以了。

四。将搜索到的图标添加到购物车。

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)5.添加购物车后-添加到项目

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)6.选择符号格式

然后点击:还没有代码,点击生成。

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)7.将应用代码放入主题中。

添加路径:子主题背景-代码-底层HTML代码-添加刚复制的格式代码。

如果以后添加一些图标,需要重新生成阿里图标库中的代码。

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)1最后,添加图标菜单栏(重要)。1.代码中的【添加您的图标代码】您在阿里巴巴矢量图库中复制的ico代码:

;& lt/SVG & ;网站WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)12,在WordPress的->:外观->:菜单->:在正文前添加以上代码:即可。

WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)1最终效果:

1

:WordPress子主题使用阿里矢量图标美化(WordPress图标) https://vps.caogenba.com.com/88310.html

赞(0) 打赏
未经允许不得转载:草根吧VPS_最新VPS信息参考 » WordPress子主题使用阿里矢量图标美化导航(WordPress图标设置)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址