Основне Текст і зображення

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

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

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

Куди ставити

На блок із фоном. Під час збирання до його style додається background-image; кольори, відступи та інші стилі лишаються.

«Завантажити дані» бере початкову картинку з інлайн-стилю, а в експорті 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 працює так само: тема збирається однаковою.

Коли будете готові