Я пытаюсь установить изображение, загружаемое через плагин настраиваемых полей, и отображать его в качестве фона div (который используется в слайдере).
Однако изображение не отображается … У меня есть текст в настраиваемых полях, и он отображается нормально, так что я думаю, что это как-то связано со строкой кода, которую я использую для добавления изображения.
Я пытаюсь установить фон .slide1 с изображением.
Имя настраиваемого поля — slide1_background.
HTML:
<div class="slide1" style="background-image:url(<?php the_field('slide1_background');?>);">
<div class="slide1-cont"><p class="slide-text"><h1>
<?php the_field('slide_title'); ?></h1><img src="<?php bloginfo('template_directory')?>/images/line.png" /></p>
<p><?php the_field('slide_content'); ?></p></div>
</div>
CSS:
.slide1{
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height: 800px;
}
Не уверен, что это реальная проблема, но я думаю, что вы упускаете некоторые цитаты, все должно выглядеть так:
<div class="slide1" style="background-image: url('<?php the_field('slide1_background'); ?>');">
Пройдите по всем вашим кодам, чтобы увидеть, отсутствует ли что-то еще, например, цитаты, и, пожалуйста, дайте мне знать, сработало ли это или нет.
Других решений пока нет …