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

时间:2016-08-10 10:56:50

标签: html css wordpress advanced-custom-fields

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

在高级自定义字段中,我尝试过文本,wysiwyg,链接选择器......

然而,当页面被加载时,/似乎被剥离,“”也在那里。

有关实现这项工作的任何想法

以下是我尝试的代码:

<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'); ?>');">

1 个答案:

答案 0 :(得分:0)

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

enter image description here

可能存在问题的另一个问题是您没有关闭元素中的第一个属性(类):

                                                               |
                                                               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字段是纯文本。