Menu

给emlog导航加上自定义图标

< 返回列表

图标是给文字的一种补充,许多图标往往可以让我们快速的识别内容。在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

这样就可以实现效果了。



关于异度工作室

异度工作室 是领先的用户体验设计与互联网品牌建设公司,为众多企业创造了专业与创新的设计解决方案,提供交互设计、UI界面设计、网站设计开发、网站建设、移动界面设计、软件界面设计、互联网品牌建设和用户体验咨询服务。

查看精选案例     |    服务体系      |    了解动态



分享新闻到:

更多阅读

签约金蝶云创,助力企业SAAS服务

项目动态 2016-03-01
金蝶云创为金蝶集团投资,基于信息技术帮助客户提升管理和互联网转型,专注于企业信息化与互联网转型的服务提供商。金蝶云创...查看全文

nicedesign签约少数派报告,提供多终

项目动态 2012-10-20
少数派报告是一款集贵金属和外汇投资行业行情、资讯、策略为一体的服务软件,是投资者随身携带的资讯专家。少数派资讯目前已...查看全文

nicedesign携手正量网开创工程建设电

项目动态 2014-12-10
nicedesign与正量网达成合作,为正量网设计打造全新的电子商务平台。提供的服务包括:交互设计、UI设计、前端开...查看全文
返回全部新闻
扫描二维码分享到微信
确 认

Copyright © 2018 异度工作室 粤ICP备16051972号-2 

扫描二维码添加我们为好友:异度工作室
确 认