Основное Тексты и картинки

Фоновая картинка, которую клиент может заменить

fld-bg-image="Название поля"

Для секции или баннера, у которых картинка задана фоном в CSS, а не тегом <img>.

Куда ставить

На блок с фоном. Сборка добавляет background-image в его style; цвета, отступы и остальные стили остаются.

«Загрузить данные» берёт начальную картинку из инлайн-стиля, а в экспорте Webflow находит её по классу блока в CSS.

Поле появится в админке, только если у страницы есть имя группы: wp-fields-group на её <body>.

Вёрстка index.html

<section class="hero" fld-bg-image="Hero background">
  <h1 fld-text="Hero title">Coffee for slow mornings</h1>
</section>

В админке Pages → Home

Hero background window.jpg

Hero title Coffee for slow mornings

На сайте главная

Hero background: window.jpg Coffee for slow mornings

Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.

Так не надо

<img src="images/latte.jpg" alt="Latte" fld-bg-image="Photo">

На картинке атрибут добавляет фон за ней, а сама картинка остаётся неизменной. Журнал сборки укажет неверный элемент.

Так правильно

<img src="images/latte.jpg" alt="Latte" fld-image="Photo">

У <img> — fld-image.

То же в настройках сайта

`fld-bg-image`	у страницы или записи
`opt-bg-image`	в настройках сайта, например один фон для шапок всех страниц

Альтернативная запись

f_bg_image, o_bg_image работает так же: сборка даёт одинаковую тему.

Когда будете готовы