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

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

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

Поле изображения в админке: клиент выбирает картинку из медиатеки, и она встаёт на место той, что в макете.

Куда ставить

На сам <img>. Сборка подставляет поле в src и убирает srcset и sizes, чтобы браузер показал картинку из админки, а не старую копию.

«Загрузить данные» находит картинку в медиатеке по имени файла или загружает её из темы.

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

Вёрстка index.html

<img class="hero__img" src="images/latte.jpg"
     srcset="images/latte-p-500.jpg 500w" sizes="50vw"
     alt="Latte art" fld-image="Hero photo">

В админке Pages → Home

Hero photo latte.jpg

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

Latte art Coffee for slow mornings

Только на <img>. Для картинки на фоне блока — fld-bg-image.
alt и class остаются такими, как в вёрстке. В строке списка alt у каждой картинки свой — из медиатеки.
WordPress не принимает SVG в медиатеку: картинка в поле должна быть PNG, JPG или WebP.

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

Так не надо

<div class="hero" fld-image="Hero photo"></div>

На блоке атрибут ничего не выводит; журнал сборки укажет неверный элемент.

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

<div class="hero" fld-bg-image="Hero photo"></div>

Фоновая картинка блока — это fld-bg-image.

То же в настройках сайта или у рубрики

`fld-image`	у страницы или записи
`opt-image`	в настройках сайта, например логотип
`tax-image`	у рубрики или метки, например обложка рубрики

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

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

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