Можно использовать src в качестве background?

Question

[Владислав]

Проблема такая сайт на движке WP. Выводит посты в цикле, я хочу получить the_post_thumbnail_url() это url картинки поста и устанавливать их каждой записи как background.

document.getElementById('idpost').style.background = '<?= the_post_thumbnail_url() ?>';

Так не получится =( Может есть какие предложения. Только
<img src"<?= the_post_thumbnail_url() ?>">
можно вставить. Но я не могу src ни как в качестве background установить.

Comments

[Ankhena]

Кастомными свойcтвами css
div style="--bg: <?= the_post_thumbnail_url() ?>"

div {background: var(--bg)}

[lUser L]

оффтоп

document.getElementById('idpost').style.background = '<?= the_post_thumbnail_url() ?>';

это wordpress ? php в js ?
Господи, когда же этот WP перестанет существовать..

[Артем Золин]

Эмиль 🔥, если чел в js сует функции php, то это не проблема WP

[lUser L]

Артем Золин, почему то "челы" которые делают подобные вещи встречаются в 99% случаев в wp. Это менталитет wp как cms. Не хотелось бы тут устраивать хейт вп, просто в лишний раз убедился, вопрос был риторический)

Answer 1

[Wispik]

<div style="background: url(<?= the_post_thumbnail_url() ?>)">

Answer 2

[Glorious Cat]

В данном случае вы забыли добавить url("").

document.getElementById('idpost').style.background =  'url(<?= the_post_thumbnail_url() ?>)';