WordPress为导航栏添加个性漂亮的图标



前言

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

介绍

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

方法

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

WordPress为导航栏添加个性图标

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

WordPress为导航栏添加个性图标

后记

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

本文由 冰风BOKE 作者:冰风 发表,其版权均为 冰风BOKE 所有,文章内容系作者个人观点,不代表 冰风BOKE 对观点赞同或支持。如需转载,请注明文章来源。
0

发表评论