ループ内の背景イメージを表示し、if文ワードプレス

私の背景イメージの表示に問題があります。ループ内の背景イメージを表示し、if文ワードプレス

投稿を表示して背景画像を設定しようとするループを作成しましたが、どこかに壊れていますか？以下はループ内の私のコードです。

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

出典

2017-05-04 Louise Turner