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

释放双眼,带上耳机,听听看~!

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

大家有没有觉得我网站菜单前的图标特别吸引人?默认图标库的图标真的太单调了,简直不能再糟心了哈哈。今天就和大家分享一下,如何将阿里图标库的图标插入到自己的网站。阿里图标库到底有什么优势呢?操作简单、图标样式丰富,彩色图标多到让你挑花眼,而且最重要的是——永久免费!下面就以我的B2主题为例,其他的主题应该也可以但是不确定~

在导航菜单上面添加小气泡教程方法:

[7B2主题美化]给导航菜单添加一个小标签

美化方法

步骤一:阿里巴巴矢量图标库官网:https://www.iconfont.cn —> 需要登录一个账号!如果自己没账号注册一个~

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

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

把自己中意的图标加入购物车,然后添加到项目(如果没有项目可以新建一个)

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

步骤十:查看效果(记得要清理浏览器缓存)

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

好了这篇文章的教程就到这里结束了,当然一二级的导航都可以添加图标内容,这篇教程我只是做了一个来演示。

补充个提示:

如果你添加了新的图标到项目 需要更新一下js链接,底部加载代码那边也需要更新一下

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

这个方法不仅仅只能加图片在菜单,其他地方一般也可以的,哈哈~

给TA打赏
共{{data.count}}人
人已打赏

相关文章

Wordpress教程网页建站

WordPress独立站点地图页面制作教程(包含文件)

2024-11-25 0:51:18

教程网页建站

[7B2主题美化]记录我的7B2一些小修改

2024-11-26 1:33:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索