Wordpress将图片作为div背景图片

Question

如何将我所有帖子上的特色图像设置为作为背景图像输出到div。例如

<div class="postimg" style="background-image:url('https://s3.amazonaws.com/ooomf-com-files/8jLdwLg6TLKIQfJcZgDb_Freedom_5.jpg')"></div>

当前，使用此助手<?php the_post_thumbnail( 'wpbs-featured' ); ?> 将特征图像作为常规图像输出

Answer 1

我会简单地建议如下获取张贴特色图片的URL，并相应地回显：

<?php
$img = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "full");
$img = $img[0];
?>
<div class="postimg" style="<?php if($img){echo 'background:url('.$img.');';} ?>">
</div>

Answer 2

使用此

<div style="background-image:url('<?php echo wp_get_attachment_url( get_post_thumbnail_id() );?>')"></div>

Answer 3

试试这个。。。

<?php if (has_post_thumbnail( $post->ID ) ): ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<div id="custom-bg" style="background-image: url('<?php echo $image[0]; ?>')">
</div>
<?php endif; ?>