Перейти к содержимому
themeforge
RU
Начать бесплатно
Меню
  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 своего сайта до оплаты.