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

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

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

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

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

Перш за все, ми побачимо, як легко створити галерею за допомогою WP Media Folder Gallery Addon.

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

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

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

Наразі ми назвемо її "Моя галерея" і залишимо стандартну тему.

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

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

Перш за все, у нас є опція Медіатека , яка є іконкою WordPress, натисніть на неї.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У редакторі знайдіть блок WP Media Folder Addon Gallery і додайте його до свого вмісту.

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

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

Перш за все, виберімо галерею, яку ми створили в розділі Виберіть галерею.

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

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

Masonry

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

Стандартний

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

Портфоліо

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

Слайдер

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

Плинний слайд

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

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

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

Матеріал

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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