Хоча використання Elementor дуже допомагає при створенні сторінки або допису, також правда, що нам може знадобитися більше інструментів, щоб зробити його ідеальним, одним із цих інструментів, про які важливо згадати, буде менеджер галерей, який дозволить нам покращити вже потужний конструктор сторінок, давайте подивимось, як легко додавати та редагувати галереї за допомогою WP Media folder безпосередньо в Elementor.

З такими чудовими інструментами, як менеджер галереї та інтеграція з усіма основними Побудовниками сторінок, WP Media Folder дозволяє нам створювати дійсно чудові галереї, а також упорядковувати нашу бібліотеку медіа всього лише кількома кліками!

У цьому підручнику ми будемо створювати галерею з нуля за допомогою Менеджера галереї та безпосередньо з Elementor.

Створіть галерею WordPress за допомогою WP Media Folder

Спочатку ми побачимо, як легко створити галерею за допомогою додатка WP Media Folder Галерея.

Цей менеджер галереї можна знайти після встановлення WP Media Folder та додатка галереї у вашій Медіатека > Галереї медіапапок

На цьому екрані нам потрібно навести курсор на + Додати нову галерею і натиснути на + Створити нову медіа-галерею.

Це відкриє модальне вікно, де ми зможемо ввести назву галереї та вибрати тему.

Наразі ми назвемо його «Моя Галерея» і залишимо тему за замовчуванням.

Це приведе нас до панелі створення галереї з багатьма варіантами налаштування та побудови нашої галереї, спочатку ми додамо зображення до нашої галереї.

Ми помітимо багато варіантів додавання медіа до галереї, основні з них додають їх із Медіатеки або завантаження безпосередньо з нашого
Провідника файлів ПК, давайте розглянемо обидва з них.

Спочатку у нас є Медіатека опція, яка є іконкою WordPress, натисніть на неї.

Натиснувши сюди, відкриється бібліотека медіафайлів, ви помітите, що у мене є папки в бібліотеці медіафайлів, це завдяки WP Media Folder, що дозволяє мені впорядкувати всі свої медіафайли найкращим чином за допомогою папок і фільтрів, докладніше про це можна дізнатися тут, але це тема для іншого допису ;)

Тепер, щоб додати зображення, все, що нам потрібно зробити тут, це перейти до папки зі ЗМІ, де ми додали зображення, які хочемо додати, і вибрати зображення за допомогою ctrl + клацання, щоб вибрати їх і нарешті натиснути на Імпорт Зображень.

Це додасть всі вибрані зображення до Менеджера галереї, що дозволить нам використовувати їх та налаштовувати.

Тепер давайте подивимось на можливість завантажити зображення безпосередньо з нашого ПК Провідник файлів, для цього, натисніть значок папки.

Після цього ваш провідник файлів відкриється миттєво, щоб дозволити вам перейти до ваших папок і вибрати зображення, які ви хочете додати до галереї.

Виберіть зображення, які ви хочете завантажити, і потім натисніть на Відкрити.

Після цього ми повинні закінчити! Тепер у нас є всі зображення в нашому Менеджері галереї, готові до використання для нашої галереї.

Тепер, коли у нас є всі зображення, давайте перевіримо налаштування галереї, для цього натисніть другу вкладку Налаштування відображення та короткий код.

У першому випадку ми бачимо, що у нас є 8 галерей, кожна зі своїми власними налаштуваннями.

Давайте подивимось на Masonry, це класична стіна з багатьма зображеннями різного розміру, як ми можемо побачити у попередньому перегляді вкладці.

У налаштуваннях ми можемо вибрати одну з усіх доступних опцій, наприклад, розмір зображень та розкладку masonry , давайте змінимо її зі стовпчикової на горизонтальну та зробимо зображення меншими.

Тепер перевіряємо Попередній перегляд щоб підтвердити, як це виглядає зараз.

Як ви можете бачити, дійсно хороший інструмент з чудовими функціями, оскільки він дозволяє нам робити зміни та перевіряти, як це виглядає, за кілька кліків і за кілька секунд! Створення галереї раніше ніколи не було таким простим!

Додавання галерей WordPress в Elementor

Тепер, коли ми побачили, як створити галерею за допомогою WP Media Folder Менеджера галереї, давайте подивимось, як додати її до нашого Повідомлення або Сторінок за допомогою Elementor.

Щоб зробити це, перейдіть на вашу сторінку або публікацію (або створіть її) і натисніть на Редагувати з Elementor Буде завантажено Побудовник сторінок.

У редакторі знайдіть WP Media Folder Додаток Галерея блок і додайте його до свого контенту.

Буде завантажено блок, який повідомить нам, що додано блок додатка Медіа Галерея.

На лівій вкладці ми зможемо вибрати галерею, яку хочемо, і також зможемо її налаштувати.

Спочатку виберімо галерею, яку ми створили під Обрати галерею.

Галерея, яку ми створили раніше, автоматично завантажиться на будівельник сторінки під блоками.

Це показує тему Masonry , яку ми вибрали в Менеджері галереї, давайте перевіримо всі доступні варіанти тем, які можна вибрати безпосередньо з налаштувань блоку.

Masonry

Дуже хороша тема, яка ідеально підходить майже для кожної сторінки, що дозволяє нам показувати багато зображень.

За замовчуванням

Ця тема дозволяє нам відображати зображення класичним способом із назвою зображення також.

Портфоліо

Це дозволяє нам показувати наші зображення подібно до стандартної теми, але використовуючи інший шрифт, ідеально підходить для показу мистецтва.

Слайдер

Класичний слайдер, який дозволяє нам сфокусувати кілька зображень на слайд.

Поточний слайд

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

Квадратна сітка

Класична галерея із квадратними зображеннями, що показує назву зображення при наведенні на них.

Матеріал

Дійсно класна тема, яка дозволяє показувати квадратні зображення з приємною тінню та назвами.

Користувацька сітка

Тема сітки, яка дозволяє нам змінювати розмір зображень, щоб вони виглядали так, як ми хочемо, є найкращим варіантом, коли ми хочемо створити галерею з нашими власними розмірами зображень. Давайте подивимось, як це працює в Менеджері Галереї швидко.

Тепер давайте подивимось на доступні опції в лівому меню для всіх галерей.

Перш за все, у нас є Навігація галереєю, увімкнення цього параметра дозволить використовувати навігаційні галереї, доступні у WP Media Folder Додаток галереї, який дозволяє нам використовувати батьківські галереї та підгалереї також, ви можете побачити робочу демонстрацію тут

Як другий варіант ми маємо Відображення тегу зображення, корисно, коли ми маємо багато зображень у галереї і хочемо дозволити нашим користувачам фільтрувати їх у фронтенді за допомогою системи тегів з WP Media Folder.

Потім, у нас є вибір теми, який дозволяє нам вибирати між доступними темами (які ми показали раніше) і також відображатиме спеціальні налаштування залежно від вибраної теми, такі як макет і, наприклад, тривалість переходу слайдера.

Ми можемо продовжувати перевіряти і ми знайдемо Вибір галереї опцію, яка дозволить нам вибрати між усіма галереями, які ми створили в нашому Менеджері галереї медіа.

Розмір зображення, цей параметр дозволяє нам вибирати між усіма доступними розмірами зображень, що дозволяє нам регулювати зображення так, щоб вони виглядали і підходили ідеально до нашого контенту.

Розмір спливаючого вікна LightBox Size параметр дозволить нам, як і розмір зображення, вибрати розмір спливаючого вікна, яке буде показано, якщо ми виберемо його як дію при кліці.

Ми також матимемо Дію при кліці, що дозволить нам вибирати між показом світлового вікна, яке є більшою версією зображення, переходом на іншу сторінку або просто нічого не робити при кліці на зображення.

І останній варіант - це налаштування порядку, де ми зможемо побачити і вибрати, як ми хочемо показати наші зображення в галереї.

Звичайно, окрім цього, ми матимемо налаштування для додавання відступів між зображеннями, зміни кольору наведення, додавання рамки та тіні.

Як ви бачите, дуже легко використовувати Elementor, щоб точно налаштувати наші галереї WP Media Folder і зробити їх такими, що підходять до нашої сторінки!

Створюйте швидкі галереї за допомогою медіа-папок

Як додаткову тему, ми покажемо, як створювати галереї за допомогою папок, створених у WP Media Folder , за кілька секунд.

Ця функція також дозволить нам автоматично додавати зображення до галереї, коли вони додаються до папки.

Перш за все, перейдіть до Галереї папок медіа під  Бібліотекою медіа, де ми створили галерею раніше, на цій сторінці наведіть курсор миші на + Додати нову галерею кнопку, а потім натисніть на Створити галерею з папки.

Буде відображено провідник папок, де ми можемо вибрати папку, яку будемо використовувати.

Після кліку на Створити, зображення всередині папки будуть автоматично завантажені до галереї, що дозволить нам створити галерею всього за кілька секунд!

Ми також зможемо автоматично додавати зображення, коли вони додаються до бібліотеки медіа в тій же папці, яку ми щойно вибрали, заощаджуючи час на відвідування менеджера галереї та додавання зображення вручну.

Щоб використовувати цю опцію, Автододавання зображення в папку повинно бути увімкнено, доступно у верхньому правому куті прямо під Зберегти кнопкою.

І магія зроблена! Папки, які також є зображеннями, що автоматично відображаються у фронтенді, чого ще можна побажати? :) 

Почніть використовувати WP Media Folder зі своїм улюбленим будівельником

У нас також є відео, що пояснює все крок за кроком, щоб ви могли побачити плагін у дії, перевірте!

Плагін з дивовижними функціями, який дозволить нам не тільки створювати галереї, але й організовувати наші медіа-файли,імпортувати з Google Photos і також розвантажувати їх!

Сумісний зі всіма основними будівельниками, дозволить нам організувати та показати наші медіа у найпрофесійнішому вигляді всього за кілька кроків, чого ви чекаєте? Перейдіть сюди і отримайте це зараз!