Question

我正在创建一个WordPress主题。我在CSS中有一个带有背景图像属性的部分。实施例

我的HTML

 <div class="header"></div>

我的CSS

.header{
   background-image:url('../path/images/image.jpg');
}

现在我想让这部分动态化。这样用户就可以改变他们的背景图像。现在我尝试使用post_thumbnail()函数来更改我的图片。但我发现，我们只能将其用于<img/>标记。

我们可以使用wordpress中的任何方法或功能来更改背景图像吗？

Answer 1

试试这个。它对我有用。 :)

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' ); ?>

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

Answer 2

在css中不可能，你必须用php页面或模板写。

请参阅以下代码：

<div style="background-image: url(<?php echo get_the_post_thumbnail_url($post->ID); ?>)" class="header"></div>

此处，'$ post-＆gt; ID'是帖子/页面的ID。

我希望，这会对你有帮助。

如何使用后缩略图功能WordPress更改背景图像

2 个答案: