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

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

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

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

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

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

 Налаштування WordPress Google Photos Integration

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

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

Перш за все, для цього нам потрібен додаток 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 > Редагувати додаток .

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

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

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

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

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

З'явиться спливаюче вікно, натисніть кнопку " Прийняти" .

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

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

 Плагін Elementor + Gallery, найкраща комбінація

Тепер, коли ми завершили з’єднання, перейдіть до Media > Media Folder Galleries , у цьому розділі натисніть + Додати нову галерею та дайте вашій новій галереї назву, для підручника ми назвемо її Google P Gallery , а також ми використовуватиме галерею Square Grid

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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