Создавайте потрясающие галереи с лучшим менеджером галереи для Elementor

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

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

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

В этом посте мы увидим, как использовать их с Elementor , Google Фото , а также с вашими облачными папками , так что давайте начнем!

Галереи с виджетом для Elementor в видео

 Настройка интеграции WordPress с Google Фото

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

Теперь, когда мы это знаем, давайте начнем, мы собираемся создать галерею из Google Фото, для этого нам нужно подключить наш сайт 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 Фото к вашему сайту WordPress, для этого перейдите в « Настройки»> WP Media Folder »> «Облако»> вкладка «Google Фото».

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

Появится всплывающее окно, нажмите « Согласен» .

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

Это все, действительно легко и быстро, не так ли? :)

 Плагин Elementor + Gallery, Лучшее сочетание

Теперь, когда мы закончили подключение, перейдите в « Медиа» > «Галереи папок мультимедиа », в этом разделе нажмите + Добавить новую галерею » и дайте вашей новой галерее имя, для урока мы назовем ее Google P Gallery , а также мы собирается использовать галерею Square Grid

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

Это загрузит всплывающее окно со всеми изображениями, доступными в вашей учетной записи Google Фото, у вас есть возможность выбрать много изображений из альбома или выбрать полный альбом, в этом руководстве мы собираемся выбрать полный альбом, для этого выберите Альбом, а затем Импортировать альбом .

Вы увидите уведомление об импорте альбома.

Подождите несколько минут, и готово! Вы увидите все изображения, загруженные на панель инструментов галереи, вы можете внести все изменения, например выбрать новую галерею.

Теперь вы можете перейти на вкладку
Настройки отображения и шорткод

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

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

С вы можете видеть, есть 4 доступные блоки, для этого урока мы будем использовать один называется WP Media Folder Галерея Аддон , это загрузит Галерею Аддон в построителе страниц.

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

В правом разделе вы увидите предварительный просмотр галереи, и он будет автоматически обновлен, когда вы выберете новую опцию в левом разделе, поэтому проверьте его, убедитесь, что все в порядке, и нажмите `` Опубликовать '' .

Это оно! Вы создали профессиональную галерею в несколько кликов и настроили ее прямо из Page Builder :)

 Использование Elementor для создания галерей Google Диска в WordPress

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

В этом примере мы будем использовать соединение с Google Диском , вы можете увидеть, как его подключить здесь , вы заметите, что процесс действительно похож на соединение с Google Фото :)

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

В левом разделе найдите раздел WP Media Folder и щелкните блок
WP Media Folder Gallery .

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

Откроется всплывающее окно с медиатекой, выберите облачную папку, все изображения, которые вы хотите добавить, щелкнув по ним, и, наконец, «Создать новую галерею»> «Вставить галерею» .

Это создаст галерею с использованием изображений непосредственно из облака, поэтому после ее добавления вы можете настроить параметры галереи в левом разделе и проверить предварительный просмотр галереи в правом разделе, чтобы было действительно легко редактировать и проверяем, что галерея будет выглядеть так, как мы хотим :)

Теперь вы можете создавать галереи с помощью WP Media Folder , очень простым способом с помощью Elementor, а также экономить место для хранения с помощью Google Диска, о чем еще вы можете попросить? :)

 Начните использовать лучший плагин галереи WordPress

В этом посте мы объяснили лишь некоторые функции WP Media Folder с новой темой и интерфейсом все стало намного проще, чем должно было бы быть, и даже ! И так, чего же ты ждешь? Зайдите сюда и получите собственное членство, и вы увидите, что здесь больше галерей, чем показано в этом посте, и множество просто потрясающих инструментов :)