Як створити адаптивні галереї у вигляді сітки за допомогою плагіна Final TilesGrid Gallery
Сьогодні ми познайомимося з чудовим плагіном Final Tiles Gallery. За його допомогою ви зможете створювати галереї у вигляді адаптивних сіток у WordPress. Однією з головних особливостей цього плагіна є те, що дозволяє завантажувати зображення абсолютно будь-якого розміру. Він відображатиме їх у вигляді сітки, елементи якої не будуть обмежені чіткими розмірами рядків або стовпців, не змінюючи початкові розміри зображення або просто зберігаючи пропорції.
Опис Демо Купити за $19
Дивіться також :
Ви можете використовувати цей плагін для багатьох цілей, він відмінно підійде як для створення сайту-портфоліо, так і для створення звичайної вбудованої галереї. Буде ідеальним інструментом для фотографів, весільних організаторів тощо.
Можливості плагіна
Це досить потужний плагін, нижче надано короткий огляд його основних функцій:
Використання плагіна
Після того, як ви завантажили та активували плагін, він додасть нове меню до вашої панелі адміністратора WordPress під назвою “Final Tiles Gallery ”. Натиснувши на перше посилання, ви перейдете на головний екран плагіна, де побачите пропозицію додати першу галерею.
Після переходу на наступну сторінку ви побачите вікно, в якому зможете задати ім'я галереї та її опис:
Далі ви можете вибрати джерело зображення для вашої галереї. Ви можете вибрати з: медіа-бібліотеки, останніх постів чи продукції WooCommerce.
Потім можна вибрати варіанти підпису зображень. Ви можете вимкнути їх, використовувати в заголовку зображення, додати опис зображення та вибрати один із ряду ефектів.
УВ наступному вікні ви зможете вибрати потрібний розмір зображень і почати завантаження (пізніше ви також зможете змінити ці параметри).
Після того, як ви додали свої зображення, галерея буде збережена і ви побачите її у списку доступних на головному екрані плагіна. Далі ви можете отримати шорткод для відображення, редагувати, копіювати або видалити.
Якщо ви натиснете кнопку “Edit ”, ви зможете перейти у вашу галерею і в цьому вікні побачите набагато більше важливих налаштувань:
- Загальні
- Посилання та Лайтбокс
- Підписи
- Ефекти при наведенні
- Ефекти для зображень
- Стиль
- Кастомізація
- Зображення
У вкладці “Hover Effects ” ви зможете додати функцію повороту або збільшення, коли відвідувачі сайту наводитиму курсор мишки на зображення:
Тестування вашої галереї
Як тільки ви зробите всі необхідні налаштування, ви можете розміщувати галерею на вашому сайті. Для цього перейдіть на початкову сторінку, де буде список доступних галерей, натисніть кнопку "Show Shortcode ", копіюйте код і вставте його на сторінку або пост.
Якщо ви встановили один з лайтбоксів, то після натискання зображення перед вами буде відкриватися повноекранна галерея з усією необхідною навігацією. У прикладі ми вибрали варіант “Pretty Photo ”:
Інші приклади
Висновок
Це чудовий плагін, який допоможе вам створювати акуратні та красиві галереї. Він надає набагато більше можливостей, ніж вбудована галерея Wordpress, ідеально підходить і для створення професійних портфоліо, і просто для домашньої галереї. Вартість складає $19.