如何使用ACF制作背景图像

Question

嗨，我正试图通过WordPress在我的块编辑器中通过ACF规则来选择背景图像。我一辈子都无法做到这一点——我一定错过了一些愚蠢的事情——任何帮助都会帮助到我。

<div style="background-image: url(<?php echo get_field('my_background'));"></div>

在这段代码中，假设my_background是我们的ACF字段，我的ACF域被设置为一个设置为URL的Image块，但我不能在这方面有任何余地。任何帮助都将不胜感激。

如前所述，这是在这个区块中使用的

<div style="<div id="mainPhoto" style="background-image: url(<?php the_field('$roomFacilitysBackgroundImage'); ?>);">">
<h5>Room Facilities</h5>
<div class="facilities facilities-column-50">
<?php
if  ($roomFacilitiesList3) {
foreach ($roomFacilitiesList3 as $roomFacilitiesList3 ) {
echo '<div>'.$roomFacilitiesList3.'</div>' ;
}
}
?>
</div>
</div>

这是一张过时的背景图像，上面的问题

Answer 1

您编写

<div style="background-image : url(<?php the_field('$youVarName'); ?>)> "

试用：

$yourImageUrl = get_field('nameOfTheField);
style ='background-image:' url(<?= $yourImageUrl ?>)

如果仍然不起作用，请尝试转储未定义的$yourImageUrl有两个选项：

1. 您写错了字段名

2. 如果上下文不正确，请尝试get_field('nameOfTheField','Post_Or_PostID')，其中Post_Or_PostID是字段的来源(post、option page…(

3. 选项它在php中很好，但您的div太小，无法显示背景