wordpress菜单中导航添加小图标

  • A+
所属分类:WordPress技巧

wordpress菜单中导航添加小图标

最近有很多刚刚接触wordpress的小盆友们很是羡慕导航中添加的小图标,

也有很多人问我是怎么实现的,

下面就教大家怎么实现在wordpress导航中添加可爱的小图标,

首先引用360的font-awesome  CDN公共库

在head中加入以下代码  也就是头部中加入

[css] 预览

  1. <link href="//lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">  

然后我们来打开一个选择图标的网址:http://fontawesome.io/icons/(里面有很多可耐的小图标呦!!)

比如我们选择添下图HOME的图标 ,

wordpress菜单中导航添加小图标

我们就需要在后台-菜单中导航标签中输入如下图代码:

<i class="fa fa-home"></i> 首页

wordpress菜单中导航添加小图标

 

下面我们来解释下这串代码:

  1. 因为我们要用的是HOME图标 所以我们要在“fa fa-” 后面加了一个home 如果你要用其他的图标那么就把home改成你要用的哪个图标的名字就ok了。

  2. 大家可以看到这串代码后面有“首页”两个字,这两个字就是你要显示导航的名字。

  3. 如果看完这些教程你还不会,那我也无能为力了

  4. 写教程没有功劳也有苦劳,下面评论点赞吧  谢谢支持

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: