IT技术宅

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > Emlog相关 > 给Emlog导航添加FontAwesome图标

给Emlog导航添加FontAwesome图标

刘振兴     Emlog相关      2015年09月21日     3122     3条评论  

前言

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

教程

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

搜索

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

找到如下这行

QQ截图20150921095825.png

修改为

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许多地方可采上述方法,例如,侧边栏等等


------本文转自清风博客

评论一下 分享本文 赞助本站 联系站长
IT技术宅
 挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
勇帅blog
勇帅blog 2017-02-10 18:11 辽宁省沈阳市联通 回复
路过
 Windows 10 x64   Google Chrome 50.0.2661.102
污桐
污桐 2017-02-06 08:43 上海市电信 回复
貌似这种方法会让浏览器标题显示fa fa-xxx调用代码!
 Xiaomi 3S   MQQBrowser 7.2
超级外链工具
超级外链工具 2016-01-09 20:27 北京市移动 回复
很不错的网站,学习了!
 Windows 10   Google Chrome 47.0.2526.106