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

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

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

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

У цій публікації ми розглянемо, як використовувати їх з Elementor , Google Фото , а також вашими хмарними папками , тож почнемо!

Галереї з віджетом для Elementor у відео

Налаштування інтеграції WordPress з Google Фото

Перш за все, я розповім вам про плагіни, які ми використовуємо в цьому посібнику, це Elementor, WP Media Folderта 2 Pro Addons (один для галерей, а інший для хмарного підключення).

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

Перш за все, нам потрібен додаток Google Dev, перейдіть сюди: https://console.developers.google.com/project та створіть новий проект.

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

Тепер зачекайте хвилинку, поки проект буде створено.

Якщо ви вперше використовуєте цей API бібліотеки фотографій , вам потрібно буде його активувати. Для цього перейдіть до MarketPlace у меню ліворуч.

Тепер у полі пошуку введіть API бібліотеки фотографій і знайдіть його.

Натисніть на нього, а потім на «Увімкнути» .

Тепер, коли це ввімкнено, натисніть «API та служби» в лівому меню, на цій панелі перейдіть до розділу «Облікові дані» .

Тепер, коли ви тут, на верхній панелі перейдіть до + Створити облікові дані > Ідентифікатор клієнта OAuth , якщо буде запропоновано, додайте ім’я на екран згоди OAuth.

Тепер налаштуйте облікові дані, як показано нижче:

• Виберіть «Веб-застосунок» і додайте назву на ваш вибір.
• Авторизоване джерело JavaScript: https://your-domain.com (замініть на ім'я вашого домену без косої риски).
  
• Авторизовані URI переадресації: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Майте на увазі, що Google змінив свою політику, тому вам потрібно заповнити поля «Авторизовані домени» на вкладці екрана згоди OAuth > «Редагувати додаток» .

У розділі «Авторизовані домени» натисніть «+Додати домен» і додайте свій домен.

Додайте його також до «Перевірка домену» .

І готово! Ви отримаєте свій ID та секретний ключ, які потрібно додати в конфігурацію WP Media Folder:)

Тепер давайте підключимо ваш обліковий запис Google Фото до вашого сайту WordPress, для цього перейдіть до Налаштування > WP Media Folder вкладка Google Фото

Ви можете скористатися автоматичним режимом, який є найпростішим, оскільки вам потрібно лише увійти до свого облікового запису Google. Для цього виберіть Автоматичний у розділі «Режим підключення», а потім Підключити Google Фото .

З’явиться спливаюче вікно, натисніть «Погоджуюся» .

Останнім кроком буде вхід до вашого облікового запису Google, надання дозволів та завершення підключення.

Ось і все, справді легко та швидко, чи не так? :)

Плагін Elementor + Gallery, найкраще поєднання

Тепер, коли ми завершили підключення, перейдіть до Медіа > Галереї медіа-папок , у цьому розділі натисніть + Додати нову галерею та дайте назву вашій новій галереї. Для посібника ми назвемо її Галерея Google P , а також ми збираємося використовувати Square Grid .

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

Це завантажить спливаюче вікно з усіма зображеннями, доступними у вашому обліковому записі Google Фото. Ви можете вибрати кілька зображень з альбому або вибрати весь альбом. У цьому посібнику ми виберемо весь альбом. Для цього виберіть Альбом, а потім – Імпортувати альбом .

Ви побачите сповіщення про імпорт альбому.

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

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

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

Тепер виберіть розділ, куди ви хочете додати галерею, і знайдіть WP Media Folder блоки.

Як бачите, доступно 4 блоки. Для цього посібника ми використовуватимемо той, що називається WP Media Folder Gallery Addon . Це завантажить доповнення Gallery Addon у конструктор сторінок.

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

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

Ось і все! Ви створили професійну галерею за допомогою кількох кліків та налаштували її безпосередньо з Конструктора сторінок :)

Використання Elementor для створення галерей Google Диска у WordPress

 Крім того, ми розглянемо, як створювати галереї, використовуючи зображення з хмари, оскільки WP Media Folder дозволяє підключати вашу медіатеку до хмарних сервісів (Dropbox, Google Drive, OneDriveта AWS).

У цьому прикладі ми використовуватимемо Google Диска , ви можете побачити, як його підключити тут , ви помітите, що процес дуже схожий на підключення до Google Фото :)

Коли це налаштовано та ви синхронізуєте/створите папки Google Диска, ви можете перейти на сторінку/публікацію, яку хочете редагувати, і натиснути « Редагувати за допомогою Elementor» .

У лівій частині знайдіть WP Media Folder та натисніть на «Галерея WP Media Folder .

Тепер натисніть на + у розділі «Додати зображення».

Це відкриє спливаюче вікно з медіатекою, виберіть хмарну папку, усі зображення, які ви хочете додати, натиснувши на них, і, нарешті, виберіть «Створити нову галерею» > «Вставити галерею» .

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

Тепер ви можете створювати галереї за допомогою WP Media Folder, дуже простим способом за допомогою Elementor, а також економити місце за допомогою Google Диска, чого ще бажати? :)

Почніть використовувати найкращий плагін галереї WordPress

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