显示帖子缩略图而不是占位符placeholder _WordPress开发

我想将帖子缩略图添加到跨度, 但是我不确定如何做到这一点, 这是实现以下尝试的最佳方法

< div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> < div class="single_service_item"> < div class="service_icon transition3s"> < div class="icon_border"> < ?php the_post_thumbnail(); ?> < spanstyle=" background-image: url("/wp-content/uploads/2016/05/chrome_2017-11-09_10-46-33.png"); "> < /span> < /div> < /div> < div class="service_text"> < h5> < ?php the_title(); ?> < /h5> < p> < ?php the_content(); ?> < /p> < /div> < /div> < /div>

但是下面是它的风格

文章图片
你可以在这里http://ubtanz.solitudesoftware.co.uk/上看到该网站。
#1 【显示帖子缩略图而不是占位符placeholder】你可以使用get_the_post_thumbnail_url()获取帖子缩略图网址。

< div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> < div class="single_service_item"> < div class="service_icon transition3s"> < div class="icon_border"> < span style="background-image: url('< ?php echo get_the_post_thumbnail_url(get_the_ID(), 'full'); ?> '); "> < /span> < /div> < /div> < div class="service_text"> < h5> < ?php the_title(); ?> < /h5> < p> < ?php the_content(); ?> < /p> < /div> < /div> < /div>