欢迎光临
我们一直在努力

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

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

代码

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

<!--阿里iconfont引入JS-->
<script type='text/javascript' src='此处放置你在我的项目里生成的代码链接'></script>
<!--阿里iconfont引入CSS-->
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>

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

代码

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

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

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

 

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:源码猫 » 使用阿里ico图标给WordPress导航栏添加好看图标博客菜单图标

分享到: 更多 (0)
avatar

热门文章

  • 评论 抢沙发

    评论前必须登录!

    立即登录   注册

    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活