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

Зображення, яке клієнт може замінити

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 працює так само: тема збирається однаковою.

Використовується в рецептах

Команда Відгуки

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

Подивіться адмінку WordPress свого сайту ще до оплати.

Почати безплатно: превʼю адмінки Прочитати посібник із розмітки