给Emlog导航添加FontAwesome图标
前言
图标是给文字的一种补充,许多图标往往可以让我们快速的识别内容。 在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许多地方可采上述方法,例如,侧边栏等等
------本文转自清风博客
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《IT技术宅》。
- 本文网址:https://www.ilt.me/emlog/23.html
- 上篇文章:emlog模板调用多侧边栏教程
- 下篇文章:响应式网页设计视频网盘下载
igumalut
2022-09-17 22:03 美国 CZ88.NET
回复
Windows 10 x64
Google Chrome 102.0.0.0
超级 条目 <a href="https://hurtownia-kawy-online-2022.premiumwroclaw.eu/">https://hurtownia-kawy-online-2022.premiumwroclaw.eu/</a>


ewucubi
2022-09-17 06:48 美国 CZ88.NET
回复
Windows 10 x64
Google Chrome 102.0.0.0
有趣的 条目 [url=https://jelly-bear-hair-2022.premiumwroclaw.eu/]https://jelly-bear-hair-2022.premiumwroclaw.eu/[/url]


ynyxyx
2022-09-13 20:38 美国 CZ88.NET
回复
Windows 10 x64
Google Chrome 102.0.0.0
超级 <a href="https://aumentarela-massa-muscolare.eu/">testosterone basso donne aumentarela-massa-muscolare.eu</a> 我建议


adowanu
2022-05-11 05:18 美国 CZ88.NET
回复
Windows 10 x64
Google Chrome 90.0.4430.212
此 <a href="https://bigenlargement-top.cn/">此 https://bigenlargement-top.cn/</a> 陰莖按摩


爱尚博客
2020-05-03 11:07 江苏省苏州市电信
回复
看看
Windows 7 x64
Google Chrome 69.0.3497.100



勇帅blog
2017-02-10 18:11 辽宁省沈阳市联通
回复
Windows 10 x64
Google Chrome 50.0.2661.102
路过


污桐
2017-02-06 08:43 上海市电信
回复
Xiaomi 3S
MQQBrowser 7.2
貌似这种方法会让浏览器标题显示fa fa-xxx调用代码!


超级外链工具
2016-01-09 20:27 北京市移动
回复
Windows 10
Google Chrome 47.0.2526.106
很不错的网站,学习了!

