Emlog导航支持添加自定义字体图标Font Awesome教程

由于emlog导航机制的原因,直接编辑导航添加fontawesome字体图标调用代码会出现两个问题:导航名称字符太长,超出长度限制;网站前台调用导航时会把字体图标的调用代码转换为html字体,即直接显示代码不显示图标。如果仅仅针对后者可以通过htmlspecialchars_decode()函数解决,但是导航名称太长则行不通。为此,以emlog默认主题default为例,分享一个可以实现emlog导航添加Font Awesome字体图标的方法。

操作步骤:
以emlog默认主题default为例进行说明

1、在主题的module.php文件,在导航函数部分找到代码:

1
<?php echo $value['naviname']; ?>
替换为以下的代码:

1
<?php list($nav,$fa) = explode('#',$value['naviname']); if(empty($fa)) {echo $nav;}else {echo ''.$nav;} ?>
2、找到代码:

<?php foreach ($value['childnavi'] as $row){$newtab = $row['newtab'] == 'y' ? 'target="_blank"' : '';echo '

  • <a href="' . $row['url'] . "\" $newtab >" . $row['naviname'].'
  • ';}?>
    替换为以下代码:

    <?php foreach ($value['childnavi'] as $row){$newtab = $row['newtab'] == 'y' ? 'target="_blank"' : '';?>

  • >'.$nav;} ?>
  • 注意:每个主题作者的编码习惯不同,请参考上面的代码调整。 3、在后台——导航,编辑要添加字体图标的菜单,在导航名称后面添加符号#再添加字体图标名称即可,如下图所示: Emlog导航支持添加自定义字体图标Font Awesome emlog教程 其中fa-home是Font Awesome字体图标的名称。
    THE END
    喜欢就支持以下吧
    点赞 0 分享
    评论 共0条