WordPress导航菜单栏加入阿里ico图标

热门标签

,
admin

发表文章数:3278

效果图

Wordpress导航菜单栏加入阿里ico图标

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

我要飞的更高

创建账号 项目

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

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

 

Wordpress导航菜单栏加入阿里ico图标

 

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

 

Wordpress导航菜单栏加入阿里ico图标

 

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

 

Wordpress导航菜单栏加入阿里ico图标

 

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

 

Wordpress导航菜单栏加入阿里ico图标

 

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

Wordpress导航菜单栏加入阿里ico图标

代码

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


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

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

Wordpress导航菜单栏加入阿里ico图标

代码

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

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

注: #icon-zhuye 要更喜欢你需要的图标代码哦
Wordpress导航菜单栏加入阿里ico图标

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

标签:

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《WordPress导航菜单栏加入阿里ico图标》 发布于2019-12-07

分享到:
赞(0) 打赏

评论 抢沙发

8 + 3 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册