「WP添加图标」保姆级教程WordPress网站如何添加iconfront图标?

1)注册矢量图标库账号和新建Iconfont项目;

1.1)若有账户直接登录,无账户就注册后再登录;

img

1.2)输入「关键字」并搜索图标,例如:mac,选中后「添加入库」,最后点击「购物车」添加到「项目」;

img

img

img

2)将挑选好的图标「集成」到网站;

img

2.2)再将代码保存到WordPress网站后台的「主题设置」–「自定义代码」中;

<script src="//at.alicdn.com/t/font_1706672_oa811wlg9gl.js"></script>

2.3)将图标库复制的代码替换掉红框中截图的部分;

img

3)再到WordPress后台「外观」–「菜单」–「分类」复制图标库的图标代码粘贴在#xxx后面代码如下:

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

img

4)每操作一步记得及时保存,然后刷新一下网页就可以见证奇迹了;

img

© 版权声明
THE END
喜欢就支持一下吧
点赞1赞赏
分享
相关推荐
  • 暂无相关文章
  • 评论 抢沙发
    邹仲輝的头像-有趣、有料且高效邹仲輝

    昵称

    取消
    昵称