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

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

 Підключіть Google Drive до WordPress у відео

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

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

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

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

• Особистий диск : ваш особистий кабінет.
• Спільний диск : ваш обліковий запис 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 > Cloud > Google Drive , виберіть Автоматичний режим , а потім підключіть Google Drive .

Виконайте кроки, щоб під’єднати свій обліковий запис Google, і все, ваш сайт підключено :)

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

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

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

Якщо ви вперше використовуєте 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, спочатку потрібно встановити назву продукту на екрані згоди", вам слід натиснути кнопку Налаштувати згоду або перейти до API та послуг >> Екран згоди OAuth, потім додайте своє доменне ім’я в Авторизовані домени.

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

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

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

На останньому етапі перейдіть до Налаштування > WP Media Folder > Cloud > Google Drive та виберіть ручний режим, на цьому екрані ви побачите можливість додати секрет клієнта та ідентифікатор клієнта, повз їх там і натисніть на Connect Google Drive .

Дозвольте WP Media Folder отримати доступ до APP і все!
Ви під’єднаєте обліковий запис Google!

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

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

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

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

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

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

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

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

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

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

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

Masonry

Портфоліо

Повзунок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Додаткові доступні теми з доповненням такі:

Слайд потоку

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

Матеріал

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

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

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

 Створіть свій перший Google Drive Galleri у WordPress

Це лише одна з приголомшливих функцій, які можна знайти в WP Media Folder , є багато інших, як-от додавання віддаленого відео з потокових сервісів!

Як ви побачили у дописі, це дійсно простий у використанні та корисний допис для переходу на новий рівень із вашим веб-сайтом! Тож чого ви чекаєте? Ідіть сюди та отримайте своє членство зараз!