Додавайте та редагуйте галереї зображень як професіонал у Elementor

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

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

У цьому підручнику ми будемо створювати галерею з нуля за допомогою Gallery Manager і безпосередньо з 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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