php - 通过Wordpress的“自定义字段”插件设置背景图片

我正在尝试设置通过自定义字段插件上传的图像，并将其显示为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;
}

最佳答案

不知道这是否是真正的问题，但我认为您缺少一些引号，它们都应如下所示：

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

查看所有代码，看看是否缺少引号等其他内容，请告诉我是否可行。

关于php - 通过Wordpress的“自定义字段”插件设置背景图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33920049/