在wordpress中生成背景樣式

在WordPress中，我嘗試通過在樣式參數中使用後縮略圖url來動態設置div的背景。我把樣式參數放在一個名爲style的變量中。如果我直接回聲$的風格，它輸出：在wordpress中生成背景樣式

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

但如果我回聲$風格在div，像這樣：

<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;"="">

現在有沒有人會導致這種情況？我應該如何熟練使用我的語法來工作？單quote.This內

來源

2016-11-21 Ted

localhost不能在網上工作請更換網址 –

變化這在你的代碼

<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;">

提示使用單引號，這樣你就不必逃避雙引號（使用回聲時），

來源

2016-11-21 12:55:33

哦，我錯過了。感覺有點愚蠢。其中一天，我猜...謝謝。 – Ted

是的，明白了。？這是愚蠢的錯誤 –

我希望現在清楚，標記完成。 –

我已經檢查，請將以下代碼放入您的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>

來源

2016-11-21 13:35:18

在wordpress中生成背景樣式

回答

相關問題