Як створити галереї WordPress за допомогою медіафайлів Google Drive

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

Підключення Google Диска до вашого веб-сайту

Першим кроком у цьому підручнику є підключення Google Диска до вашого сайту, і ви побачите, як це легко зробити. Перш за все, вам знадобиться Хмарний додаток від WP Media Folder, що дозволить вам підключити ваш сайт до Google Диска.

Тепер, коли ми встановили WP Media Folder і Хмарний додаток, ми можемо розпочати налаштування. Для цього є два варіанти: Вручну та Автоматично, давайте їх пояснимо.

Щоб розпочати налаштування, перейдіть до Налаштування > WP Media Folder > Хмара > Google Диск. Тут ви зможете вибрати Тип Диска:

• Особистий Диск: ваш особистий обліковий запис.
• Спільний Диск: ваш обліковий запис Gsuite.

Потім оберіть тип посилання для ваших зображень:

• Публічне посилання: створити публічно доступне посилання для ваших файлів та встановити відповідні права на хмарні файли (Спільне посилання). Наприклад: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Приватне посилання: AJAX-посилання, приховує хмарне посилання, щоб зберегти оригінальні права доступу до вашого файлу (Користувачі повинні увійти, щоб переглянути зображення). Наприклад: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

І потім продовжуйте підключення:

Спочатку, щоб використовувати цю функцію, ви повинні підключити свій обліковий запис Joomunited у Меню Налаштування > Загальні, будь ласка, натисніть на посилання налаштувань WordPress, якщо ви ще не підключені.

Після цього поверніться до Налаштування > WP Media Folder > Хмара > Google Диск, оберіть Автоматичний режим, і потім натисніть Підключити Google Диск.

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

Дуже легко і швидко, чи не так?

Ручний режим: спочатку потрібно створити додаток Google Dev APP, щоб підключити його до вашого сайту, для цього перейдіть тут і створіть Створити проект.

Потім виберіть назву проекту та розташування.

Якщо ви вперше використовуєте API Google Диска, перейдіть до API та сервіси > Бібліотека, знайдіть API Google Диска і натисніть Увімкнути.

Тепер, коли ви увімкнули його, давайте створимо ключі для підключення вашого сайту WordPress, перейдіть до лівого меню і натисніть 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_authenticated
  (замініть на ім'я вашого домену)

Майте на увазі, що якщо з'явиться це попередження: "Щоб створити ідентифікатор клієнта OAuth, спочатку потрібно встановити назву продукту на екрані згоди", вам слід натиснути кнопку Налаштувати екран згоди або перейти до APIs & Services >> Екран згоди OAuth, потім додайте ім'я вашого домену до Дозволених доменів.

Спочатку вам потрібно вибрати Тип користувача.

Ви можете вибрати між:

• Внутрішній: ваша програма обмежена користувачами G Suite у вашій організації.
• Зовнішній: ваша програма буде доступна будь-якому користувачу з обліковим записом Google.
  

Як останній крок перейдіть до Налаштування > WP Media Folder > Хмара > Google Диск, і виберіть ручний режим, на цьому екрані ви побачите можливість додати Секрет клієнта та ID клієнта, тому просто вставте їх туди і натисніть на Підключити Google Диск.

Дозвольте WP Media Folder доступ до програми і все! У вас буде підключено обліковий запис Google!

Давайте створимо хмарні галереї WordPress

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

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

Завантажте зображення туди, і ви побачите їх відображення на Google Диску.

І давайте перейдемо до найцікавішої частини, створення галерей! Для цього перейдіть до Доповнення/Сторінка > Додати Нове (Або відредагуйте вже створене).

Ми будемо використовувати редактор Gutenberg для цього випадку, але ви можете використовувати будь-який інший конструктор сторінок, оскільки всі вони сумісні з WP Media Folder ;)

Тепер, коли ми тут, натисніть на + > WP Media Folder Галерея.

Це покаже вам усі доступні папки, включаючи ті, що з Google Диска, ми виберемо ту, яку ми створили під назвою Галерея, і потім натиснемо на Створити Галерею.

Ви побачите попередній перегляд теми, ви можете змінити її на правій панелі.

Попередні перегляди теми:

За замовчуванням

Masonry

Портфоліо

Слайд

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

Ви можете підтвердити на своєму сервері, що зображення не існуватимуть, оскільки вони розміщені лише на Google Диску ;)

Використання додатка Gallery для створення професійних галерей

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

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

Виберіть ім'я, рівень галереї та тему галереї, а потім натисніть на Створити.

Тепер тут ви можете побачити всі доступні варіанти додавання зображень. У цьому випадку, коли ми будемо використовувати додаток Google Диск, виберіть значок WordPress.

Це відкриє Медіатеку, ми збираємося вибрати папку Google Диска, яку ми створили раніше, у цьому випадку вона називається Галерея, і вибрати всі зображення, які ви хочете додати до галереї, нарешті, натисніть на Імпорт

Ви побачите зображення на цьому екрані, тому ви можете змінити порядок, встановити зображення як обкладинку або змінити налаштування для певного зображення, такі як ім'я альтернативного тексту та заголовок :)

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

У Налаштуваннях відображення та короткому коді ви можете встановити:

• Тема
• Розмір зображення галереї
• Розмір спливаючого вікна
• Дія при кліці(відкрити нову сторінку або спливаюче вікно)
• Стовпці
• Порядок
• Налаштування навігації(наприклад, кнопки та розмір кнопок)

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

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

Додаткові теми, доступні з надбудовою, є наступними:

Потоковий слайд

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

Матеріал

Тепер, коли ви вибрали тему та завершили налаштування, ви можете продовжити публікацію галереї, для цього перейдіть до свого Публікації/Сторінки та відредагуйте її, для редактора Gutenberg, та натисніть на + > Надбудова галереї WPMF.

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

Отже, тепер вставте свою галерею і нарешті опублікуйте її! Як ви бачите, додаток Галерея пропонує вам більше можливостей, ніж звичайні галереї, це ніби перейти на наступний рівень :)

Створіть свою першу галерею Google Диска у WordPress

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

Отже, ви готові вивести свій веб-сайт на новий рівень? Створіть свою першу галерею у WordPress із Google Drive сьогодні та насолоджуйтеся простішим і більш професійним досвідом керування медіа!