Замените виджет галереи DIVI на дополнение галереи WP Media Folder

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

С помощью дополнения Media Folder Gallery вы сможете заменить и улучшить блок галереи из Divi с помощью множества инструментов, таких как использование предустановленных тем и их настройка для соответствия содержимому вашего сайта.

Также существует раздел, специализирующийся на управлении вашими галереями, редактировании их и предварительном просмотре, но это не все! Вы сможете управлять своими галереями прямо из редакции страницы. Мы увидим, насколько легко это сделать в этом посте.

Начните использовать этот важный Аддон для вашей Галереи 

Чтобы завершить этот урок, мы используем WP Media Folder и дополнение галереи WP Media Folder Gallery Addon, эти плагины содержат необходимые инструменты для управления и создания галерей, показанных в этом посте.

Прежде всего, давайте начнем создание нашей первой галереи с помощью диспетчера галерей, для этого перейдите в Медиафайлы > Папка с медиафайлами Галереи в этом разделе вы сможете управлять всеми своими галереями, теперь, когда мы здесь, нажмите на +Добавить новую галерею > Создать новую галерею.

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

Мы добавим в качестве заголовка "Галерея для Divi" и выберем Пользовательская сетка в качестве темы для этой галереи, когда это будет сделано, нажмите на Создать.

В этом разделе вы сможете управлять своими галереями. Сначала давайте добавим изображения, которые будут использоваться для этой новой галереи. Вы можете использовать свою медиатеку, загрузить их напрямую с вашего ПК или импортировать медиафайлы в вашу новую Галерею с помощью Google Photos.

Для этого урока мы будем использовать изображения напрямую из Медиатеки. Нажмите на логотип WordPress, чтобы загрузить Медиатеку, выберите изображения, которые хотите использовать, и затем нажмите на Импортировать изображения.

Эта тема Custom Grid особенная, потому что она позволяет делать изображения больше и перемещать их с помощью системы перетаскивания.

Итак, давайте настроим изображения так, как мы хотим их отобразить, и нажмем на Сохранить.

Есть много опций, которые мы можем изменить в этом менеджере, такие как настройки отображения (например, границы, отступы, действие при нажатии и поля), но это также можно сделать напрямую из конструктора страниц, поэтому, поскольку галерея уже создана, давайте посмотрим, как это сделать!

Создать лучшую DIVI галерею 

Теперь, когда галерея создана, перейдите на страницу, которую хотите отредактировать с помощью DIVI, и в виджетах после нажатия на + найдите блок под названием WPMF Gallery Addon.

Это откроет блок со всеми вариантами управления вашей галереей, сначала найдите раздел "Выберите галерею" и выберите галерею, которую мы создали ранее.

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

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

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

Если вы хотите показать более одной галереи, вы можете выбрать Навигацию по галереям, это позволит вам добавить галерею с ее подгалереями.

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

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

С этими и другими доступными расширенными настройками вы сможете настроить свою галерею как профессионал с помощью простых опций ;)

Создайте тень и настройте ее по своему усмотрению.

И наконец, настройте заголовок и описание вашего изображения настолько, насколько хотите! Есть темы, такие как Portfolio и стандартная, которые позволят вам показать заголовок, например, вы сможете установить его отсюда, а также просмотреть изменения сразу в редакторе страницы.

Наконец, есть также опции дизайна, которые позволят вам определить все расширенные настройки (которые обычно требуют знаний CSS) поля, границы, размеры и анимацию, если вы хотите всё это сделать всего лишь несколькими кликами.

Теперь, когда мы увидели сводку всех настроек темы, давайте посмотрим на доступные темы:

По умолчанию 

Masonry 

Портфолио 

Слайдер 

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

Квадратная сетка 

Материал 

Пользовательская сетка

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

Начните использовать эту профессиональную комбинацию 

Как вы видите, есть много инструментов, которые вы можете использовать, объединив DIVI и WP Media Folder Gallery Addon, и это не все, что вы можете, например, использовать Google Photos для импорта альбомов напрямую оттуда в ваши галереи, а также все другие возможности, которые WP Media Folder предлагают вам улучшить вашу Медиа Библиотеку до максимума!

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