效果图

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

由于小编喜欢小图标就随便找了几个
下面给出详细教程

我要飞的更高

创建账号 项目

地址: https://www.iconfont.cn

注册账号进入 然后点击图标管理-我的项目

 

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

 

新建项目 只需要填写名称就好啦

 

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

 

点击搜索图标库,可以中文搜索哦,这里选择爱心 (测试)

 

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

 

加入购物车(不要钱哦)
然后选中自己喜欢的加入,可以彩色的,可以去选图标库里的多色图标 哪里挺好看的
选好后点击右上角购物车-把图标添加我的项目,选择项目添加上

 

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

 

去我的项目里面选择Symbol 选项,点击红色的“暂无代码,点此生成”选项 生成后会有一个链接

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

代码

将以下代码复制到主题目录下header.php文件的标签前。


 type=\'text/javascript\' src=\'此处放置你在我的项目里生成的代码链接\'>

 type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}

使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

代码

在WordPress 后台 > 外观 > 菜单 >导航标签栏目内添加以下代码

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-zhuye">首页

注: #icon-zhuye 要更喜欢你需要的图标代码哦
使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

如有不懂,可以多多交流哈

夜河资源网提供的所有内容仅供学习与交流。通过使用本站内容随之而来的风险以及法律责任与本站无关,所承担的法律责任由使用者承担。
一、如果您发现本站侵害了相关版权,请附上本站侵权链接和您的版权证明一并发送至邮箱:yehes#qq.com(#替换为@)我们将会在五天内处理并断开该文章下载地址。
二、本站所有资源来自互联网整理收集,全部内容采用撰写共用版权协议,要求署名、非商业用途和相同方式共享,如转载请也遵循撰写共用协议。
三、根据署名-非商业性使用-相同方式共享 (by-nc-sa) 许可协议规定,只要他人在以原作品为基础创作的新作品上适用同一类型的许可协议,并且在新作品发布的显著位置,注明原作者的姓名、来源及其采用的知识共享协议,与该作品在本网站的原发地址建立链接,他人就可基于非商业目的对原作品重新编排、修改、节选或者本人的作品为基础进行创作和发布。
四、基于原作品创作的所有新作品都要适用同一类型的许可协议,因此适用该项协议, 对任何以他人原作为基础创作的作品自然同样都不得商业性用途。
五、根据二〇〇二年一月一日《计算机软件保护条例》规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可不经软件著作权人许可,无需向其支付报酬!
六、鉴此,也望大家按此说明转载和分享资源!本站提供的所有信息、教程、软件版权归原公司所有,仅供日常使用,不得用于任何商业用途,下载试用后请24小时内删除,因下载本站资源造成的损失,全部由使用者本人承担!