EMLOG导航添加FontAwesome图标的方法

很多成熟的模板都会添加FontAwesome图标来作为装饰，但少数模板和EMLOG原生模板并不具备该功能，因此博客志就来分享一个在EMLOG导航添加FontAwesome图标的方法。

一、操作步骤

1、打开模板文件module.php，找到如下代码

<?php echo $value['naviname']; ?>

2、将上面的代码替换为如下代码

<a href="<?php echo $value['url']; ?>" <?php echo $newtab;?>><?php list($a,$b) = split('#',$value['naviname']); if(empty($b)) {echo $a;}else {echo "<i class='".$b."'></i>".$a."";} ?></a>

3、打开模板文件header.php，在合适的位置添加如下代码

<link href="https://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">

4、登陆网站后台管理，点击导航，编辑导航名称，在导航名称后面填写#fa fa-home

5、登陆网站后台管理，点击导航，编辑导航名称，以首页为例：

在导航名称后面填写#fa fa-home，即：首页#fa fa-home

6、打开网站首页，查看效果

二、原理解析

修改模板文件，增加图标条件，调用并引用图标

三、注意事项

1、本教程必须引入font-awesome的css文件，否则图标将无法正常展示