рекомендуемое изображение в качестве фонового изображения на страницах

Я добавляю избранные изображения на свою страницу через панель инструментов и хочу использовать их в качестве фонового изображения в контейнере div страницы. Я хочу применить фоновое изображение через 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;

Что не так с этим? Какие-либо предложения? Спасибо!

pages post-thumbnails custom-background

— Агис
источник

Вы уже искали на сайте ?

— Кайзер

Да, я провел исследование, но, похоже, оно не работает должным образом, я обновил свой вопрос, проверьте сейчас, пожалуйста!

— Agis

Ответы:

Вам нужно 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>text demo</p>
</div>

— Raank
источник

Пожалуйста, объясните, почему это должно помочь ОП. Спасибо.

— Кайзер

@kaiser также работал с фонами, я новичок, не знаю почему, но я знаю, что это сработало для того, что я видел на форуме.

— Raank

@ Фира Ну, тогда это магия . И знайте, что Магия всегда является ответом: D

— kaiser

может быть мало, но главное - это намерение: P

— Raank

Если вы делаете это в функции, не забудьте поставить перед этим кодом global $post;.

— запрет геоинженерии

Попробуйте использовать в 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;">

— Глеб Кемарский
источник