рекомендуемое изображение в качестве фонового изображения на страницах
Я добавляю показанное изображение на свою страницу через панель мониторинга и хочу использовать его в качестве фонового изображения в разделе контейнера страницы. Я хочу применить фоновое изображение с помощью css, поэтому я думаю поместить атрибут стиля в свою разметку. Я думаю сделать что-то вроде этого:
<div id="<?php echo $post_name; ?>" class="page<?php echo $post_id; ?>" style="background: url(<?php wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); ?>) !important;">
Но, к сожалению, это не работает.
Когда я проверяю, вывод выглядит так:
background: url() !important;
Что в этом плохого? Есть какие-нибудь предложения? Спасибо!
2 answers
Вам нужно echo возвращаемое значение из wp_get_attachment_image_src(). Он также возвращает Array(), поэтому вам нужно взять необходимую часть из этого массива. В данном случае это первое значение/0. Пример:
<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div id="post" class="your-class" style="background-image: url('<?php echo $thumb['0'];?>')">
<p>your text demo</p>
</div>
Попробуйте использовать функцию the_post_thumbnail_url:
Возвращает прямой URL-адрес изображения для избранного изображения текущего сообщения.
<div id="<?php echo post_name; ?>" class="page<?php
echo $post_id; ?>" style="background: url(<?php
echo get_the_post_thumbnail_url( $post_id, 'large' ); ?>) !important;">