Описание
AIT Flatsome Gallery – безплатна и лека галерия за WordPress
AIT Flatsome Gallery е безплатен WordPress модул,
разработен от AIT WEB DESIGN специално за сайтове,
използващи темата Flatsome.
Модулът създава модерни, responsive галерии с AJAX странициране,
без да зарежда тежки slider библиотеки, допълнителни lightbox системи,
външни шрифтове или излишен JavaScript код.
За отварянето на снимките се използва нативният lightbox механизъм
на Flatsome, което осигурява отлична съвместимост с дизайна и
функционалностите на темата.
Основни възможности
- Собствен WordPress post type за създаване на галерии
- Добавяне на много изображения чрез WordPress Media Library
- Drag-and-drop пренареждане на снимките
- Индивидуален ALT текст, заглавие и описание за всяка снимка
- Автоматично попълване на липсващите данни от името на файла
- Модерен responsive CSS Grid дизайн
- AJAX странициране без презареждане на цялата страница
- Нормално HTML странициране като резервен вариант
- Общ lightbox изглед със стрелки и брояч на снимките
- Работа на lightbox-а и след AJAX преминаване между страниците
- Поддръжка на lazy loading и responsive изображения
- Shortcode за поставяне във всяка WordPress страница
- Интеграция с Flatsome UX Builder
Създаден с мисъл за скоростта
AIT Flatsome Gallery е разработен с основен фокус върху бързото
зареждане на frontend частта на сайта.
По-тежките административни компоненти, като Media Library,
редактирането на изображения и drag-and-drop подреждането,
се зареждат единствено в WordPress администрацията.
На публичната част на сайта модулът не добавя:
- собствена lightbox библиотека;
- slider библиотека;
- външни JavaScript framework-и;
- иконични шрифтове;
- тежък masonry JavaScript;
- ресурси на страници, в които няма галерия.
Визуализацията използва CSS Grid, а снимките се отварят чрез
вече наличния lightbox на Flatsome.
Настройки за всяка галерия
Всяка създадена галерия разполага със собствени настройки за:
- брой снимки на страница;
- брой колони на компютър;
- брой колони на таблет;
- брой колони на мобилен телефон;
- разстояние между изображенията;
- заобляне на ъглите;
- съотношение на снимките;
- показване на заглавията;
- показване на описанията.
Поддържаните формати включват оригинално съотношение,
квадратен изглед, 4:3, 3:2, 16:9 и портретна ориентация.
Нативен Flatsome lightbox
При натискане върху изображение снимките се отварят като обща
lightbox галерия.
Посетителите могат да използват:
- стрелки за предишна и следваща снимка;
- клавишите със стрелки на клавиатурата;
- брояч на изображенията;
- заглавие и описание на снимката;
- затваряне чрез клавиша Escape;
- мобилна и responsive визуализация.
Модулът не инсталира втора lightbox система, а използва
механизмите, които вече са част от Flatsome.
Поставяне на галерията
След създаването на галерия тя може да бъде поставена във всяка
страница чрез shortcode:
[ait_gallery id="123"]
Заменете числото 123 с ID номера на съответната
галерия.
Галерията може да бъде добавена и чрез елемента
AIT Gallery във Flatsome UX Builder.
Съвместимост
- WordPress
- Flatsome
- Flatsome UX Builder
- Responsive desktop, tablet и mobile дизайн
- Стандартната WordPress Media Library
- Кеширащи и оптимизиращи системи
Текущата версия е разработена и тествана с
Flatsome 3.20.7.
Текуща версия
AIT Flatsome Gallery v1.0.4
Последни подобрения
- Подобрена инициализация на Flatsome lightbox
- Обща галерия със стрелки и брояч
- Коректна работа след AJAX странициране
- Правилен ред на зареждане спрямо Flatsome JavaScript
- Подобрена съвместимост с динамично добавени изображения
