如何更改背景圖像與發佈縮略圖功能WordPress

我正在創建一個WordPress主題。並且我的CSS中有一段背景圖片屬性。例如如何更改背景圖像與發佈縮略圖功能WordPress

我的HTML

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

我的CSS

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

現在，我要讓這部分動態。所以用戶可以改變他們的背景圖像。現在我試圖使用post_thumbnail()函數來更改我的圖像。但我發現，我們可以使用它僅用於<img/>標記。

在wordpress中有什麼方法或功能可以用來改變背景圖片嗎？

來源

2017-02-09 Daniel

如果是爲了CSS，爲什麼不嘗試內聯風格 –

是的動態背景是我們必須風格內聯。檢查下面的代碼。我已經回答了。 @daniel –

請嘗試此操作。它爲我工作。 :)

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

來源

2017-02-09 06:18:48

這是不可能在CSS中，你必須寫在PHP頁面或模板。

請參見下面的代碼：

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

在這裏， '$後> ID' 是後/頁的ID。

我希望這可以幫到你。

來源

2017-02-09 06:25:48

如何更改背景圖像與發佈縮略圖功能WordPress

回答

相關問題