7b2主题引入Iconfont-阿里巴巴矢量图标库方法

admin 2019-4-4 393

7b2主题引入Iconfont-阿里巴巴矢量图标库

添加项目

一、首先到https://www.iconfont.cn/搜索自己所需的图标然后点击购物车图标添加入库;

二、添加完毕后在右上角出的购物车图标处点击然后添加至库,之前没有项目的需新建一个项目;

三、添加至项目好后网页会跳转到新创建的项目页面,没跳转页面的话在菜单栏图标管理>我的项目处点击进入项目

四、在Font class处点击生成代码

7b2主题引入Iconfont-阿里巴巴矢量图标库

添加图标

一、复制代码以下粘贴到header.php文件中的/head前,其中at.alicdn.com/t/font_486721_t646d8fd0up.css是自己生成的代码

  1. <link rel="stylesheet" href="//at.alicdn.com/t/font_486721_t646d8fd0up.css" media="all">

二、接着在外观>菜单>导航标签处添加以下代码:

  1. <i class="icon cn-book2"></i> 技术文档

其中icon为阿里巴巴矢量图标库中的Font Familycn-book2为图标代码,首页为菜单标题,编辑以上信息需在更多操作>编辑项目处修改 PS:每次修改完都需要更新代码


最新回复 (0)
返回