将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

前言

(以7b2主题为例,理论上Wordpress均适用,因主题的不同操作方法可能略微不同)

引入方法

第一步:百度搜索并登录阿里巴巴矢量图标库官网

将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

第二步:然后自己通过搜索框找到自己喜爱的图标并添加至购物车——添加至项目(没有项目的自己新建项目即可)

将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

第三步:在主页我的项目页面中生成在线链接建议选择Symbol

将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

引入JS代码

在B2主题设置->常规设置->底部
HTML标签一>添加下面代码(注意:每次添加新的图标,都需要更新在线链接)

<script src="在线链接"></script>

图标尺寸代码

放置位置和上一步JS代码放置位置相同,可以根据自己的喜好进行调整图标大小

效果如下

将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示

最后一步

在已经添加到你项目中查找图标并复制图标代码,然后按照下面的格式替换
href=”#xxx”中的图标代码,将代码插入到你需要显示图标的地方!

将阿里巴巴图标库引入Wordpress菜单--以7b2主题为演示-风流博客
将阿里巴巴图标库引入WordPress菜单--以7b2主题为演示
此内容为付费阅读,请付费后查看
2
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞91打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容