Question

在Wordpress中，我尝试使用style参数中的缩略图后url动态设置div的背景。我将style-parameter放在一个名为style的变量中。如果我直接回显$ 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>

Answer 2

在您的代码中更改此内容

<div class="column" style="background: url('<?php echo $image; ?>') cover no-repeat;">

在单引号内添加URL。这将以适当的格式评估变量。

url('<?php echo $image; ?>')

输出

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

提示使用单引号，这样您就不必转义双引号（使用echo时），

在wordpress中生成背景风格

2 个答案: