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

Posted 2023-03-05

【中文标题】如何获取特色图像并将其图像路径放入内联样式，即。 <div style="background:url(filepath/here)";>?

【英文标题】：How to get the featured image and put it's image path in to inline styles ie. <div style="background:url(filepath/here)";>?

【发布时间】：2016-07-25 17:08:42

【问题描述】：

我有这行代码-

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

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

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

不显示。

有谁知道我做错了什么？

【问题讨论】：

如果你写 输出是什么？如果您将该输出放入 中，它会起作用吗？控制台有错误吗？

这只是给了我包裹在 div 中的特色图片，即 - 。这是我已经拥有的，但是我需要它作为背景图像并且它需要是动态的（所以没有硬编码图像路径）。

如果是这种情况，那么您想抽出一些。你不想要<div><img src=" 也不想要"/></div> 只有图片的链接。

是的，这是正确的，但是当我尝试 它会出现这样的错误 - ');"> - 这不是我想要的。

来自 wordpress.stackexchange（或许多其他快速谷歌搜索）see here

【参考方案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>