如何在没有显示旁边的文本时隐藏字体真棒图标?

时间:2016-06-20 09:35:38

标签: php html wordpress metadata font-awesome

我试图在Wordpress帖子的某些元数据旁边显示字体真棒图标。一个例子是在文本标记之前使用标记图标。在以下代码中:

<i class="fa fa-tags" aria-hidden="true"></i> <?php eco($tag); ?>

问题是我需要在标签名称未显示时隐藏FA图标。我的意思是如果用户决定不写任何标签,那么图标就会粘在那里。

关于如何在没有为帖子撰写标签时如何摆脱图标的任何想法?

完整的代码是:

<div class="meta-tags">
   <?php $tag = get_the_tag_list( __('tags: ', 'themename'),', ' );
   <i class="fa fa-tags" aria-hidden="true">&nbsp;</i> <?php echo ($tag); ?>
</div>

由于

3 个答案:

答案 0 :(得分:0)

也许你可以用php做这样的事情

<?php if ($tag){ echo '<i class="fa fa-tags" aria-hidden="true">';} ?>

答案 1 :(得分:0)

我更喜欢使用the emptyfunction。你可以合并你的PHP代码的所有部分。

<div class="meta-tags">
   <?php 
     $tag = get_the_tag_list( __('tags: ', 'themename'),', ' );
     if ( !empty($tag) ) echo '<i class="fa fa-tags" aria-hidden="true">&nbsp;</i>' . $tag; 
   ?>
</div>

答案 2 :(得分:0)

您还可以在wp-includes文件夹中编辑category-template.php

function the_tags( $before = null, $sep = ' ', $after = '' ) {
    if ( null === $before )
    $before = __('<i class="fa fa-tags" aria-hidden="true">');
}

然后调用the_tags

<div class="meta-tags">
    <?php the_tags(); ?>
</div>