WordPress为导航栏添加个性图标

免费SSL证书申请

WordPress为导航栏添加个性图标

前言

博客的导航前面没有一点儿的装饰是不是很枯燥,一栏的文字让用户或读者看着也有点心烦,为自己的博客导航栏加上个性的图标可以使页面更加人性化,从而使得不再枯燥单一。

介绍

Font Awesome是为Twitter Bootstrap设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可以被任意缩放、改变颜色,你需要做的只是像修改文字样式那样修改图标样式。

方法

首先进入fontawesome.com,然后在里面找到你想要的图标,然后单击进入,然后复制<i>标签的代码。

WordPress为导航栏添加个性图标

接着进入你的后台,在外观->菜单里面找到你要进行添加的菜单,然后在导航标签的文字前面加入刚才那一段<i>标签代码,然后保存,刷新一下即可看到。

WordPress为导航栏添加个性图标

后记

如果你添加进行无法使用,可能是你的主题集成这个图标的LESS或CSS,具体的可以参考官方的说明进行添加。

Font Awesome, 为Bootstrap而创造的图标字体

赞(0)
未经允许不得转载:Baiduio » WordPress为导航栏添加个性图标

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-9

    请不要垃圾评论
    請不要垃圾評論
    Please do not comment on the garbage
    Пожалуйста, не  спам 

    Baiduio1年前 (2018-05-12)回复

Baiduio空间更快、更便利、更安全

联系我们立即注册