Перейти до вмісту
themeforge
UA
Почати безплатно
Меню
  1. Головна
  2. Довідник атрибутів
  3. fld-gallery
Основне Списки

Фотогалерея, яку заповнює клієнт

fld-gallery="Назва галереї"

Поле галереї в адмінці: клієнт додає фото з медіабібліотеки, видаляє їх і перетягує в потрібному порядку.

Куди ставити

На блок, у якому лежать фото. Перше фото — зразок: збирання повторює його для кожного зображення з його власними src і alt.

Фото може лежати у власній обгортці (<div><img></div>), як у прикладі, або йти голими <img> підряд, як їх вивантажує Webflow.

Поле з’явиться в адмінці, лише якщо сторінка має назву групи: wp-fields-group на її <body>.

Приклад: фото кав’ярні

Розмітка index.html
<div class="interior" fld-gallery="Interior photos">
  <div class="interior__item">
    <img src="images/room-1.jpg" alt="Window seats">
  </div>
  <div class="interior__item">
    <img src="images/room-2.jpg" alt="The bar">
  </div>
</div>
В адмінці Pages → Home
Interior photos
Add to gallery
На сайті після правки
Inside Window seats The bar The garden

Фото вибрано в адмінці.

Що важливо

  • «Завантажити дані» не переносить фото до галереї: клієнт додає їх в адмінці.
  • Галереї ще й захищені від «Завантажити дані»: ця кнопка ніколи не стирає фото, які вибрав клієнт (перемикач «Protect gallery fields on data import» у налаштуваннях теми, увімкнений за замовчуванням).
  • Для одного зображення є fld-image.

Типові помилки

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

Не так
<img src="images/room-1.jpg" alt="Window seats"
     fld-gallery="Interior photos">

На <img> галерея не працює: збирання записує атрибут у журнал, а картинка лишається незмінною.

Так
<div fld-gallery="Interior photos">
  <div><img src="images/room-1.jpg" alt="Window seats"></div>
</div>

На блоці, у якому лежать фото.

Те саме в налаштуваннях сайту чи для рубрики
fld-galleryдля сторінки чи запису
tax-galleryдля рубрики чи позначки
Альтернативний запис

f_gallery, t_gallery працює так само: тема збирається однаковою.

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

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