通過自定義字段插件在Wordpress中設置背景圖像

Question

我想設置通過自定義字段插件上傳的圖像，並讓它顯示爲div（在滑塊中使用）的背景。

然而，圖像不顯示...我有自定義字段中的文本，並且顯示正常，所以我認爲它與我用來拉入圖像的代碼行有關。

我想設置.slide1與圖像的背景。

自定義字段名稱爲slide1_background。

HTML：

 <div class="slide1" style="background-image:url(<?php the_field('slide1_background');?>);"> 
    <div class="slide1-cont"><p class="slide-text"><h1> 
<?php the_field('slide_title'); ?></h1><img src="<?php bloginfo('template_directory')?>/images/line.png" /></p> 

     <p><?php the_field('slide_content'); ?></p></div> 
     </div> 

CSS：

.slide1{ 
background-repeat:no-repeat; 
background-size:cover; 
background-position:center; 
height: 800px; 
} 

Answer 1

不知道這是否是真正的問題，但我認爲你錯過了一些報價，這都應該是這樣的：

<div class="slide1" style="background-image: url('<?php the_field('slide1_background'); ?>');"> 

通過所有的代碼來查看是否有其他類似引號的內容，請讓我知道它是否有效。