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

Question

我正在尝试设置通过自定义字段插件上传的图像，并将其显示为 div 的背景(在 slider 中使用)。

但是图像没有显示...我在自定义字段中有文本并且显示正常，所以我认为这与我用来提取图像的代码行有关。

我正在尝试用图像设置 .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'); ?>');">

检查所有代码，看看是否缺少任何其他内容，例如引号，请告诉我它是否有效。