WordPress全站使用阿里巴巴Iconfont图标详细图文教程

Iconfont-阿里巴巴矢量图标是国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。可以使用GitHub帐号登录,数百万的图标免费使用,官方也提供了详细的教程

效果预览图

教程

1.打开阿里巴巴Iconfont并登录

支持Github,新浪微博登录

2.搜索自己所需图标并加入库

3.点开右上角库并且添加至项目如果没有项目创建一个即可

4.生成js地址

5.将以下代码中的链接替换为您刚刚生成的链接,放入您博客首页底部或者在主题自定义底部代码

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

6.复制你刚刚添加的小图标并且替换下面代码中

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shouye放置小图标代码"></use></svg>

7.在导航菜单中添加图标

大功告成试试把

赞(38)

评论 抢沙发

评论前必须登录!

 

犀牛文学网

犀牛文学是一个专业的小说推荐网站,致力于为广大书友整理推荐言情小说,玄幻小说,穿越小说,悬疑小说,科幻小说,历史小说等各种精彩小说,网上看书就上犀牛文学网!

登录

找回密码

注册