@jeka-3

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

Как вывести картинку через background image в Wordpress?
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ответы на вопрос 1
@azerphoenix
Здравствуйте!
Вопрос не совсем понятен...

Чтобы вывести просто картинку через 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>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы