css - 在wordpress中生成背景样式

Question

在 Wordpress 中，我尝试通过在样式参数中使用后缩略图 url 来动态设置 div 的背景。我将样式参数放在一个名为样式的变量中。如果我直接回显 $style，它会输出:

style="background: url("http://localhost/test/wp-content/uploads/2012/11/potloden_120px.png") cover no-repeat;"

但是如果我在 div 中回显 $style，就像这样:

<div class="column" <?php echo $style; ?>>

我得到以下输出:

<div class="column" style="background: url(" http:="" localhost="" test="" wp-content="" uploads="" 2012="" 11="" potloden_120px.png")="" cover="" no-repeat;"="">

现在有人知道是什么原因造成的吗？我应该如何使用我的语法才能让它发挥作用？

Answer 1

我已经检查过了，请将下面的代码放入您的 wordPress 模板中并进行检查。

<?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>