是否显示图像而不是标记名？

我当前正在使用此代码显示自定义标记：

<?php echo get_the_term_list( $post->ID, \'region\', \'Region: \', \', \', \'<br>\' ); ?>

其输出如下所示：

Region: USA

我想做的是显示一面旗帜，而不是像这样的单词USA、EUR、JPN等：

地区：

实现这一目标最简单的方法是什么？过去，我使用了一种非常臃肿的方法，但我想知道一种有效的方法，即旧方法：

$posttags = get_the_tags(); // Get articles tags
$home = get_bloginfo(\'url\'); // Get homepage URL

// Check tagslug.png exists and display it
    echo \'<div class="entry-meta"><span class="tag-links">\';
if ($posttags) {
 foreach($posttags as $tag) {
       $image = "/img/$tag->slug.gif";

       if (file_exists("img/$tag->slug.gif")) {
         echo \'<a href="\' . $home . \'/tag/\' . $tag->slug . \'/">Region:<img title="\' . $tag->name . \'" alt="\' . $tag->name . \'" src="\' . $image . \'"></a>\';

       // If no image found, output no flag version
       } else {

    echo \'<a href="\' . $home . \'/tag/\' . $tag->slug . \'/">\' . $tag->name . \'</a>\';

       }
  }
}
echo "</span>";
echo "</div>";

<div class="entry-meta"> <span class="term-links"> <?php foreach ( get_the_terms( $post->ID, \'region\') as $term ) : ?> <a href="<?php echo esc_url( get_term_link( $term->term_id ) ) ?>">Region: <span class="<?php echo $term->slug ?>"><?php echo $term->name ?></span></a> <?php endforeach; ?> </span> </div>

.term-links .usa { display: inline-block; width: 16px; height: 11px; background: url(\'http://i.stack.imgur.com/B2K4X.gif\'); text-indent: 100%; white-space: nowrap; overflow: hidden; }

$post_regions = get_the_terms($post->ID,\'regions\'); //determines what the last region is so we know when to stop inserting commas between multiple regions $region_keys = array_keys($post_regions); $last_region_key = array_pop($region_keys); echo(\'Region: \'); foreach ($post_regions as $key => $value) { echo(\'<a href="\'.esc_url(get_tag_link($value->term_id)).\'" class="\'.$value->name.\'" >\'.$value->name.\'</a>\'); //only insert a comma between if it\'s not the last region if ($key != $last_region_key){ echo(\', \'); } }

@each $flag in USA, EUR, JPN { a.#{$flag} { display:inline-block; overflow:hidden; width:0; height:11px; padding-left:16px; background:url(\'REPLACE-WITH-YOUR-PATH-TO-IMAGES/#{$flag}.gif\'); } }

小码农CODE

相关推荐

Images with overlay