柠檬铺

2015年9月24日

WordPress教程——如何在WordPress中使用FontAwesome

在我们推出Zanblog这个WordPress博客主题之后，受到了很多朋友的喜爱与反馈，其中一个问的比较多的就是如何将FontAwesome这个好用的图标组件应用到WordPress中（当然Zanblog已经自带了FontAwesome，不需要另外添加）。

在这篇WordPress教程中，我们就分享一下添加的具体步骤，希望对需要的朋友有所帮助。

1.下载FontAwesome

可以去官网下载，当然也可以去我们的网盘下载，我们对网盘的版本实时同步，免去你在官网寻找的烦恼。

下载以后解压缩，会看到这么几个文件。

2.在主题下添加文件夹

因为我们的主题文件是Zanblog，所以在themes->zanblog下添加一个文件夹，我们在之前引用Bootstrap3的时候创建过一个文件夹。

既然FontAwesome与Bootstrap3互相兼容，那么就放在这个文件夹下吧（注意不要把Bootstrap的文件覆盖了）。

3.主题CSS文件中调用FontAwesome

由于FontAwesome没有JS文件，所以只需要在zanblog->style.css这个文件的头部加上引入文件就OK了。

其他文件它们内部会进行自动关联引入。

大功告成，现在你就可以在自己的页面中使用FontAwesome的图标啦，具体图标代码可以参考FontAwesome图标库。