首页>文档>源码技巧>Wordpress>B2美化>7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程

WordPress美化之菜单栏引入阿里巴巴Symbol彩色图标教程-b2主题,阿里巴巴矢量图标库站点 iconfont:https://www.iconfont.cn/

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程插图
WordPress美化B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程

网站注册

注册网站,新建项目库,添加喜欢的图标到购物车即可(比较简单)

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程插图1
WordPress美化B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程

图标引用

引入Symbol图标js代码

拷贝项目下面生成的 Symbol 代码

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程插图2
WordPress美化B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程

后台添加js文件

菜单栏添加图标代码

外观——菜单——导航标签

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程插图3
WordPress美化B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-shijie"></use></svg> 首页

注意:icon-shijie就是图标代码,替换这个符号即可

7B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程插图4
WordPress美化B2主题之菜单栏引入阿里巴巴Symbol彩色图标教程
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索