当前位置:首页教程笔记将阿里图标库引入到wordpress菜单中

将阿里图标库引入到wordpress菜单中

文章引入

大家看到我网站首页菜单前面的图标是不是有一些心动 比wordpress默认图表库的图标好看多了 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用。

引入方法

第一步:阿里巴巴矢量图标库官网 —> Github或者新浪微博登录

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

在 我的项目 页面有一下按钮—>一般选 Symbol

将阿里图标库引入到wordpress菜单中

引入JS代码

在当前主题设置—>自定义底部代码—>添加下面代码:(下面src=”这里是上面的JS代码,自行替换”)

  1. <script src="//at.alicdn.com/t/font_2931246_we7ddtq72go.js">
  2. </script>
一键复制

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

  1. <svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use>
  2. </svg>
一键复制

B2需添加以下css到style.css

隐藏内容,评论后阅读
评论后,请刷新页面

温馨提示:

文章标题:将阿里图标库引入到wordpress菜单中

文章链接:https://i.mojue88.com/252.html/

更新时间:2024年04月14日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:admin@mojue88.com我们将第一时间处理!

资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

所有资源仅限于参考和学习,版权归原作者所有,更多请阅读墨觉网络服务协议

版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
教程笔记

子比主题美化 用户中心添加扩展链接入口

2024-4-13 14:02:00

教程笔记

源支付微信云端安装方法

2024-4-23 13:24:15

2 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
😊 表情
  • 贴吧
  • 泡泡
  • 黄脸
  1. u5

    来了

  2. 墨觉

    看看

个人中心
购物车
优惠劵
今日签到
私信列表
搜索
  • mofh签到奖励53点积分,继续坚持!
  • mofh签到奖励158点积分,继续坚持!
  • mofh点赞了文章【白嫖】连续签到送月卡会员+积分超级牛B!
  • mofh签到奖励66点积分,继续坚持!
  • 吊大你说话发布圈子鸣潮|折枝美图壁纸
  • 芊墨发布圈子花花好美呀