向高级自定义字段添加背景 URL

Question

我正在尝试将背景 url 添加到 DIV 以及高级自定义字段。 http://placehold.it/1000x500 像这样：Custom Fields for Div background images? (wordpress)

在高级自定义字段中，我尝试了文本、所见即所得、link 选择器...

但是，当页面加载时，/ 似乎被删除了，“”也在那里。

任何让这个工作正常的想法

这是我试过的代码：

<div class="clearfix featuresStrip homeBBanner-edit homeBBanner         
    style="background-image:url('<a href="<?php the_field('background_url'); ?>. </a>');">
    style="background-image: url('<a href="<?php the_field('background_url'); ?>. </a>');">
    style="background-image: url('<?php the_field('background_url'); ?>');">

Answer 1

我认为您应该测试为该字段设置 No formatting，如下面的屏幕截图所示：

另一件可能有问题的事情是您没有关闭元素中的第一个属性 (class)：

                                                               |
                                                               v
<div class="clearfix featuresStrip homeBBanner-edit homeBBanner style="

事实上，您的整个标记看起来很可疑，锚标记在这里做什么 background-image:url('<a href="<?php the_field('background_url'); ?>. </a>');？

尝试将您的代码更改为以下内容：

<div class="clearfix featuresStrip homeBBanner-edit homeBBanner" style="background-image:url('<?php the_field('background_url'); ?>');">
...
</div>

以上假定background_url字段是纯文本。

向高级自定义字段添加背景 URL

Adding a Background URL to an Advanced Custom Field

html

css

wordpress

advanced-custom-fields