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

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

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

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

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

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

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

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

В качестве заголовка добавим "Галерея для Divi" и выберем "Пользовательская сетка" . После завершения нажмем " Создать". 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

По умолчанию 

Masonry 

Портфолио 

Слайдер 

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

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

Материал 

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

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

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

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

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