知更鸟主题添加阿里巴巴矢量图标库方法

刚开始使用知更鸟主题lts版本时,导航菜单使用别的阿里巴巴矢量图标库,当时想过自己创建项目使用自己的图标,奈何出现图标不显示以及菜单文字错位等情况,后面就没时间去管它,今天趁有时间百度收集了下资料,找到了解决方法.

显示错位效果

方法/步骤

一、登录阿里巴巴矢量图标库,创建一个图标项目;【PS:FontClass/Symbol 前缀和Font Family必须为zm或者be,目前知道的就这两个,其余自测】

二、通过搜索自己需要的图标,加入到购物车;

三、把购物车里的图标添加到项目;

四、更新下代码,复制代码到后台——外观——主题选项——辅助功能——阿里图标库粘贴保存;

五、在后台外观——菜单——导航菜单复制图标代码粘贴保存;【PS:菜单没有CSS类(可选)在右上角顶部显示选项勾选CSS类】.

最终效果

注意事项

新增/删减图标、修改图标大小/名称等操作都需要更新代码,复制更新后的代码粘贴到阿里图标库

给TA买糖
共{{data.count}}人
人已赞赏
WordPress教程

WordPress添加留言审核通过发送邮件通知

2018-3-28 20:42:50

WordPress教程

知更鸟主题部署评论等级图标代码指南

2018-6-22 17:53:29

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索