特色图片作为页面上的背景图片

我正在通过仪表板在页面上添加特色图像，并且希望将其用作页面容器div上的背景图像。我想通过CSS应用背景图片，因此我正在考虑将样式属性放入标记中。我正在考虑做这样的事情：

<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); ?>) !important;">

但是不幸的是，这是行不通的。

当我检查输出是这样的：

background: url() !important;

这有什么问题？有什么建议么？谢谢！

您需要echo从返回值wp_get_attachment_image_src()。它还返回一个Array()，因此您需要从该数组中获取所需的部分。在这种情况下，它是第一个/ 0值。例：

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class"your-class" style="background-image: url('<?php echo $thumb['0'];?>')">
<p>text demo</p>
</div>

尝试使用的the_post_thumbnail_url功能：

获取当前帖子的精选图片的直接图片网址。

<div id="<?php echo post_name; ?>" class="page<?php 
echo $post_id; ?>" style="background: url(<?php 
echo get_the_post_thumbnail_url( $post_id, 'large' ); ?>) !important;">