分享一个思源常用的给emlog加字体图标的 ***

起源，，几天前写一个律师模板在手机端有个导航，需要加字体图标如图

进入正题 给导航加字体图标

1.首先，先引入字体图标（如模板自带，请省略）

本次用Font Awesome做演示（因为平时比较喜欢用）

安装：将以下代码粘贴到网页HTML代码的部分.

<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

2.打开模板文件，找到module.php文件

搜索blog_navi()，在里面找<?php echo $value['naviname']; ?>

3.在上面的代码前边添加以下代码

<?php if($value['naviname'] == "首页"):?><i class="e750-342c-6d6c-0909 fa fa-home"></i>
<?php elseif($value['naviname'] =="微语"):?><i class="342c-6d6c-0909-f4d7 fa  fa-coffee"></i>
<?php elseif($value['naviname'] =="相册"):?><i class="6d6c-0909-f4d7-d5b9 fa fa-camera"></i>
<?php elseif($value['naviname'] =="归档"):?><i class="6625-c39f-4be5-a877 fa  fa-th-list"></i>
<?php elseif($value['naviname'] =="关于思源"):?><i class="c39f-4be5-a877-f1ad fa  fa-heart"></i>
<?php elseif($value['naviname'] =="留言" || $value['naviname'] =="留言板"):?><i class="4be5-a877-f1ad-572f fa fa-comments"></i>
<?php elseif($value['naviname'] =="读者排行" || $value['naviname'] =="读者墙"):?><i class="a877-f1ad-572f-6ae3 fa fa-window-maximize"></i>
<?php elseif($value['naviname'] =="投稿"):?><i class="f1ad-572f-6ae3-5b11 fa fa-share-alt"></i>
<?php elseif($value['naviname'] =="登录"):?><i class="572f-6ae3-5b11-c91f fa fa-cogs"></i>
<?php elseif($value['naviname'] =="手机版"):?><i class="6ae3-5b11-c91f-4651 fa fa-mobile"></i>
<?php else:?><i class="5b11-c91f-4651-65c4 fa fa-book"></i>
<?php endif;?>

php等号的应用，是不是很好玩呢~

可以结合模板设置，后台自定义设置，由于时间关系思源就不一一解释了

再分享一个导航美化的代码，效果如图

题外话(截图为b-box模板

预览点我)

利用正则实现将导航 "首页" 替换为字体图标

重复1.2.步骤

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

替换为

<?php echo preg_replace("[首页]",'<i class="c91f-4651-65c4-dcc3 fa fa-home"></i>',$value['naviname']); ?>

大功告成，是不是很简单呢~

如果有问题，请留言反馈。

欢迎转载，转载请注明来源

本文地址：http://www.isiyuan.net/diynavi.html