Додайте зображення та галереї Google Photos за допомогою цієї інтеграції Elementor

Elementor — це потужний конструктор сторінок, але він не може бути найкращим, коли надає вам можливості показувати або впорядковувати свої зображення. Саме тут вам допоможе WP Media Folder

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

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

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

 Використання WordPress і Google Photos для керування медіафайлами

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

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

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

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

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

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

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

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

Найкраще те, що це було зроблено натисканням кількох кнопок.

Але це ще не все, давайте подивимося, як створювати галереї на основі альбомів Google Photos за допомогою додатка WP Media Folder Gallery Addon.

Під час встановлення додатка Галерея у параметрах медіатеки з’явиться новий розділ під назвою « Галереї медіа .

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

Щоб імпортувати альбоми та конвертувати їх у галереї, ми повинні натиснути +Додати нову галерею .

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

Тоді у нас є варіант, який ми збираємося використовувати, а саме + Створити нову медіа-галерею , ця опція дозволить нам створити нову галерею з нуля.

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

У цьому випадку ми будемо використовувати галерею Slider, а назва галереї — Dogs gallery , після цього вам потрібно лише натиснути «Створити».

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

У нижній частині правої панелі ви можете побачити розділ Завантажити зображення , де є всі параметри для завантаження. Це:

Логотип WP : безпосередньо з медіатеки.

Значок папки : завантажте медіафайли зі свого ПК.

Піктограма відео : додайте відео, вбудовані з таких служб, як Youtube або VIMEO.

Значок Google Photos : ми будемо використовувати тут опцію, яка дозволить нам імпортувати альбоми або зображення безпосередньо з Google Photos.

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

Для цієї публікації ми підготували альбом під назвою Dogs , оскільки ми хочемо імпортувати повний альбом, все, що нам потрібно зробити, це вибрати альбом на панелі ліворуч, а потім натиснути на ІМПОРТУВАТИ АЛЬБОМ .

Ви побачите невелике синє сповіщення про те, що процес імпорту завершено.

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

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

Між параметрами ми можемо знайти 3 вкладки:

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

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

Існують параметри, які можуть відрізнятися залежно від теми, яку ми вибираємо, якщо, наприклад, ми вибираємо тему, як-от «Повзунок», ми можемо визначити, наприклад, тривалість переходу та тип переходу.

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

Отже, як ви бачите, усе, що вам потрібно, щоб керувати своїми галереями на одній сторінці, а також можливість безпосередньо імпортувати їх із Google Фото! Коли конфігурація галереї буде завершена, все, що вам потрібно зробити, це зберегти її та продовжити вставляти її у свій вміст.

 Додавання вашої галереї в Elementor

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

Щоб вставити галерею за допомогою Elementor, перейдіть на свою сторінку/публікацію та натисніть Редагувати за допомогою Elementor .

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

Це покаже нам 3 варіанти WP Media Folder PDF Embed , WP Media Folder Gallery , а також те , що ми будемо використовувати аддон WP Media Folder .

WP Media Folder PDF Embed : це дозволить вам вставити PDF-файл у свій вміст.

WP Media Folder Gallery : цей віджет дозволить вам створити галерею безпосередньо з медіатеки.

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

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

Це завантажить попередній перегляд галереї на правій панелі, щоб ми також могли налаштувати галерею з цього екрана з усіма параметрами, які ми маємо в менеджері доповнень галереї, але безпосередньо зі сторінки Elementor, що означає, що все, що нам потрібно зробити в галереї Менеджер аддонів - це додати зображення! Чудово, чи не так?

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

Що робити, якщо нам потрібно додати лише одне зображення? Чи можна було б чогось досягти за допомогою WP Media Folder ?

Відповідь на це питання – так! WP Media Folder полегшить пошук зображення за допомогою медіа-тек і всього іншого безпосередньо у вашій медіа-бібліотеці.

Отже, щоб додати зображення, використовуйте звичайний віджет зображення від Elementor.

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

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

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

Інтеграція Google Photos у відео

 Почніть створювати найпрофесійніші галереї WordPress

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