如何获取特色图像并将其图像路径放入内联样式，即。 <div style=“background:url(filepath/here)”;> ？

Question

I've got this line of code -

<?php the_post_thumbnail('latest-img'); ?>

which is pulling in the correct featured image, however when I try and put -

<div class="blog-image" style="background:url('<?php the_post_thumbnail('latest-img'); ?>');"></div>

it doesn't show.

Does anyone know what I'm doing wrong?

Answer 1

You need to get ID of the post, then get thumbnail ID of the post and use it to get URL of the thumbnail:

<?php
$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'latest-img' );
?>

then include URL of image in style of div:

<div class="blog-image" style="background:url('<?php echo $image_url[0]; ?>');"></div>