- A+
所属分类:WordPress技巧
最近有很多刚刚接触wordpress的小盆友们很是羡慕导航中添加的小图标,
也有很多人问我是怎么实现的,
下面就教大家怎么实现在wordpress导航中添加可爱的小图标,
首先引用360的font-awesome CDN公共库
在head中加入以下代码 也就是头部中加入
-
<link href="//lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
然后我们来打开一个选择图标的网址:http://fontawesome.io/icons/(里面有很多可耐的小图标呦!!)
比如我们选择添下图HOME的图标 ,
我们就需要在后台-菜单中导航标签中输入如下图代码:
<i class="fa fa-home"></i> 首页
下面我们来解释下这串代码:
-
因为我们要用的是HOME图标 所以我们要在“fa fa-” 后面加了一个home 如果你要用其他的图标那么就把home改成你要用的哪个图标的名字就ok了。
-
大家可以看到这串代码后面有“首页”两个字,这两个字就是你要显示导航的名字。
-
如果看完这些教程你还不会,那我也无能为力了
-
写教程没有功劳也有苦劳,下面评论点赞吧 谢谢支持
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫