javascript - 如何获取特色图像并将其图像路径放入内联样式中，即。 ?

Question

我有这行代码-

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

它正在拉入正确的特色图片，但是当我尝试放置 -

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

它不显示。

有人知道我做错了什么吗？

Answer 1

您需要获取帖子的 ID，然后获取帖子的缩略图 ID，并使用它来获取缩略图的 URL:

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

然后在 div 样式中包含图像的 URL:

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