图标是给文字的一种补充,许多图标往往可以让我们快速的识别内容。在Wordpress上个导航菜单添加个性图标早已实现,emlog一直没有看到类似内容,折腾一下,发现其实现其实挺简单的。再此发布下教程(注:本篇文章仅为作者个人观点,如您有更好的意见方法可在此回复,不到之处忘勿喷。)
1.修改代码
找到模板文件 module.php 打开,并搜索以下代码:
<?php echo $value['naviname']; ?>
找到如下这行:
<a href="<?php echo $value['url']; ?>" <?php echo $newtab;?>><?php echo $value['naviname']; ?></a>
把代码修改为:
<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>
2.添加图标
接下来便是在导航添加 FontAwesome 图标
打开导航管理,编辑导航名称
找到合适的FontAwesome图标,把相应的代码添加到导航名称后面,并且用 # 相连接
例如我要添加的图标代码为:
<i class="fa fa-home"></i>
那么最终导航的名称为:
首页#fa fa-home
这样就可以实现效果了。