前言
博客的导航前面没有一点儿的装饰是不是很枯燥,一栏的文字让用户或读者看着也有点心烦,为自己的博客导航栏加上个性的图标可以使页面更加人性化,从而使得不再枯燥单一。
介绍
Font Awesome是为Twitter Bootstrap设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可以被任意缩放、改变颜色,你需要做的只是像修改文字样式那样修改图标样式。
方法
首先进入fontawesome.io,然后在里面找到你想要的图标,然后单击进入,然后复制<i>标签的代码。
接着进入你的后台,在外观->菜单里面找到你要进行添加的菜单,然后在导航标签的文字前面加入刚才那一段<i>标签代码,然后保存,刷新一下即可看到。
后记
如果你添加进行无法使用,可能是你的主题集成这个图标的LESS或CSS,具体的可以参考官方的说明进行添加。
Font Awesome, 为Bootstrap而创造的图标字体
2018年07月04日 上午10:46 11楼
请问你的内个红色标题是怎么实现的?
2018年07月04日 上午11:41 1层
@鸡壳 添加个class 然后设置这个class的样式为
color:red
即可2016年05月16日 下午4:08 12楼
后来的一些主题上都集成了这个图标了。
2016年05月16日 下午5:19 1层
@Koolight 恩,是的
2016年03月29日 下午5:00 13楼
图标可以为网站增色,还是要得。
2016年03月29日 下午5:01 1层
@themebetter 是的
2016年03月29日 下午3:31 14楼
直接用BOOTSCRAP调用。
2016年03月29日 下午4:40 1层
@bandwagonhost 也可以的
2016年03月28日 上午10:34 15楼
我也是直接安装这个插件来添加,感觉很方便
2016年03月28日 上午11:25 1层
@boke112导航 我不知道还有插件…
2016年03月27日 下午11:47 16楼
试验了下,简单好用,楼主好人,谢谢分享
2016年03月28日 上午7:30 1层
@vultr 没事儿,这个也是很简单的。
2016年03月27日 下午11:41 17楼
不错,这两个网址我收藏了先!感谢分享!
2016年03月28日 上午7:28 1层
@明月登楼的博客 好的。
2016年03月27日 下午9:45 18楼
才搞了两个图标 其它的没时间弄
2016年03月27日 下午10:02 1层
@米粒博客
这个不是很麻烦吧。
2016年03月27日 下午6:11 19楼
赞一个、不错的说
2016年03月27日 下午6:12 1层
@好文推荐
