Question

使用inline-css与高级自定义字段链接背景图像时出现问题。

这是我在的地方：

HTML

<?php
/*
Template Name: Home Page
*/

//Advanced Custom Fields
$header_image                =  get_field('header_image');
$header_image_text           =  get_field('header_image_text');

get_header(); ?>

...

<div class="carousel-inner">

  <?php if( !empty($header_image) ) : ?>
    <div class="item active" style="background: url( <?php echo $header_image['url']; ?> )">
  <?php endif; ?>

  <?php if( !empty($header_image_text) ) : ?>
    <div class="container"><img src="<?php echo $header_image_text['url']; ?>" alt="<?php echo $header_image_text['alt']; ?>"></div>
  <?php endif; ?>

</div>

...

在我的字段设置中，$header_image和$header_image_text返回值设置为图像对象。

感谢。

解决方案：

使用了Maulik patel的答案，但将$header_image_new值更改为''.$header_image["url"].'';

Answer 1

<?php
/*
Template Name: Home Page
*/

//Advanced Custom Fields
$header_image                =  get_field('header_image');
$header_image_text           =  get_field('header_image_text');
$header_image_new='"'.$header_image["url"].'"';
get_header(); ?>

...

<div class="carousel-inner">

  <?php if( !empty($header_image) ) : ?>
    <div class="item active" style="background: url( <?php echo $header_image_new; ?> )">
  <?php endif; ?>

  <?php if( !empty($header_image_text) ) : ?>
    <div class="container"><img src="<?php echo $header_image_text['url']; ?>" alt="<?php echo $header_image_text['alt']; ?>"></div>
  <?php endif; ?>

</div>

Wordpress高级自定义字段内联背景

1 个答案: