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

Question

I am trying to show the font awesome icons next to some metadata for my Wordpress posts. An example is the use of the tag icon before the text 'tag' in the following code:

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

The problem is I need to hide the FA icon when the tag name is not shown. I mean if the user decides not to write any tags, the icon sticks there.

Any ideas on how I can get rid of the icon when no tags are written for a post?

The complete code is:

<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>

Thanks

Answer 1

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

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

Answer 2

I prefer to use the empty function . And you can merge all pieces of your php-code.

<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>

Answer 3

You can also edit category-template.php within the wp-includes folder

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

and just call the_tags

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