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

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

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

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

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

Щоб розпочати налаштування, перейдіть до Налаштування > 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, щоб підключити його до вашого сайту, для цього перейдіть сюди та створіть проект Create Project .

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

Якщо ви вперше використовуєте 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 > Хмара > Google Диск і виберіть ручний режим. На цьому екрані ви побачите опцію додавання секретного номера клієнта та ідентифікатора клієнта, тобто вставте їх туди та натисніть « Підключити Google Диск» .

Дозвольте WP Media Folder доступ до ПРОГРАМИ, і це все! Ви підключите обліковий запис Google!

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

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

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

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

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

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

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

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

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

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

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

Masonry

Портфоліо

Слайдер

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Слайд потоку

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

Матеріал

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

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

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

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

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

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