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

我建议简单地说明这一点获取帖子特色图片网址并相应地回显：

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

Wordpress特色图像作为div背景图像

3 个答案: