2015-10-23 3 views
0

Не удается связать фоновое изображение с помощью inline-css с расширенными настраиваемыми полями.Wordpress расширенные пользовательские поля встроенный фон

Вот где я нахожусь:

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 Возвращаемое значение устанавливается на изображение объекта.

Спасибо.

Решение:

Используется ответ Маулик Пател, но изменил $header_image_new значение ''.$header_image["url"].'';

+0

Можете ли вы показать нам изображение объекта тоже? –

+0

Можете ли вы сделать так: 'print_r ($ header_image); print_r ($ header_image_text); умереть, и дайте мне знать, что он возвращает? –

+0

Не могли бы вы показать нам остальную часть кода стиля CSS, которую вы установили для элемента '.item.active'? Кроме того, вы должны попробовать использовать второй параметр (post ID) функции 'get_field'. Просто чтобы убедиться, что он загружает поля для правильной записи. – ojrask

ответ

0
<?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>