给emlog导航添加FontAwesome图标

殷德瑶 2016-5-7 emlog教程评论 4489 次

前言

图标是给文字的一种补充，许多图标往往可以让我们快速的识别内容。在Wordpress上个导航菜单添加个性图标早已实现，看到emlog很少有类似的教程内容，折腾一下，发现其实现其实挺简单的。再此发布下更改教程（注：本篇文章仅为作者个人观点，如您有更好的意见方法可在此回复，不到之处忘勿喷。）

首先找到模板文件module.php打开

搜索

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

找到如下这行

修改为

1	`<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>`

便可

接下来便是在导航添加FontAwesome图标

打开导航管理，编辑导航名称

找到合适的FontAwesome图标如

1	`<i` `class="fa fa-home"></i>`

这在导航名称后面添加 fa fa-home 中间用 # 隔开。至此教程结束。

Emlog许多地方可采上述方法，例如，侧边栏，日记列表等这些地方！