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

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

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

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

В этой статье мы рассмотрим, как использовать их с Elementor , Google Photos , а также с облачными папками. Итак, начнём!

В видеоролике представлены галереи с виджетом для Elementor

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

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

Теперь, когда мы это знаем, давайте начнём. Мы собираемся создать галерею из Google Фото. Для этого нам нужно подключить наш сайт WordPress к нашей учетной записи Google Фото. Давайте посмотрим, как это сделать.

Для начала нам понадобится приложение Google для разработчиков. Перейдите по этой ссылке: https://console.developers.google.com/project и создайте новый проект.

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

Теперь подождите немного, пока проект будет создан.

Если вы впервые используете API библиотеки фотографий , вам потребуется его активировать. Для этого перейдите в раздел MarketPlace в левом меню.

Теперь в поле поиска введите Photos Library 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» > «Редактировать приложение» .

В разделе «Авторизованные домены» нажмите «+Добавить домен» и добавьте свой домен.

Добавьте это также в «Проверка домена» .

Готово! Вы получите свой ID и Secret для добавления в конфигурацию WP Media Folder:)

Теперь давайте подключим вашу учетную запись Google Фото к вашему сайту WordPress. Для этого перейдите в Настройки > WP Media Folder вкладка Google Фото

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

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

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

Вот и всё, очень просто и быстро, правда? :)

Elementor + плагин галереи: лучшее сочетание

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

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

Откроется всплывающее окно со всеми изображениями, доступными в вашем аккаунте Google Фото. Вы можете выбрать несколько изображений из альбома или выбрать весь альбом целиком. В этом руководстве мы выберем весь альбом. Для этого выберите альбом, а затем нажмите « Импорт альбома» .

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

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

Теперь вы можете перейти на «Настройки отображения и шорткоды» , чтобы полностью настроить свою галерею. Там вы найдете такие параметры, как порядок, количество столбцов и действие при клике.

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

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

Как видите, доступно 4 блока, и для этого урока мы будем использовать тот, который называется WP Media Folder Gallery Addon . Он загрузит дополнение Gallery Addon в конструктор страниц.

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

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

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

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

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

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

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

В левой части экрана найдите WP Media Folder и нажмите на WP Media Folder Gallery .

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

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

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

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

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

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