Как вывести картинку через bgi в Wordpress?

Question

[jeka-3]

Как вывести картинку через background image в Wordpress?

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Вопрос не совсем понятен...

Чтобы вывести просто картинку через css через background-image нужно:

background-image: url('/wp-content/uploads/image.jpg');
backgrount-repeat:no-repeat;

Но если вы хотите вывести "динамическую картинку", то есть урл должен вставляться из рнр кода, например, при помощи кастомного поля ACF, то можно использовать следующее:

1 вариант:
в шаблоне добавьте css код, таким образом:

<?php $my_custom_image_url = get_field('my_custom_image_url'); ?>
<style>
.my_custom_class {
background-image: url('<?php echo $my_custom_image_url ?>');
}
</style>

2 вариант:
Или добавьте инлайновый стиль непосредственно к самому блоку, для которой задаете фоновую картинку.
Например,

<?php $my_custom_image_url = get_field('my_custom_image_url'); ?>
<div class="my_custom_class" style="background-image: url('<?php echo $my_custom_image_url ?>');">
<!-- Your content here -->
</div>