在循环中显示背景图像和if语句wordpress

时间:2017-05-04 01:15:45

标签: wordpress loops if-statement

我无法显示背景图片。

我创建了一个循环来显示我的帖子,然后尝试设置背景图片,但它在某个地方打破了?下面是循环中的代码。

<div class="artist-feed">
<?php
    $artistloop = new WP_Query( array( 'post_type' => 'artist') );
    if ( $artistloop->have_posts() ) :
        while ( $artistloop->have_posts() ) : $artistloop->the_post(); ?>

                <a href="<?php the_permalink(); ?>">
                  <div class="single-artist" style="background-image: url(<?php echo the_post_thumbnail(); ?>);">
                    <div class="artist-info">
                        <h2><?php echo get_the_title(); ?></h2>
                    </div>
                  </div>
                </a>
        <?php endwhile;
      endif;
  wp_reset_postdata();
?>
</div>

1 个答案:

答案 0 :(得分:0)

您的问题是拨打the_post_thumbnail()。此方法实际显示缩略图,而不是其URL。见这里:

https://developer.wordpress.org/reference/functions/the_post_thumbnail/

要获取缩略图的网址,请尝试get_the_post_thumbnail_url()。这应该是你需要的。见这里:

https://developer.wordpress.org/reference/functions/get_the_post_thumbnail_url/