Особенности плагина Divi - Пользовательский модуль блога Divi

Модуль блога Divi допускает все виды настроек. Помимо стандартных настроек, таких как макет, стили шрифтов, границы, наложения, контент и т. Д., Вы можете настроить его еще больше с помощью CSS. Что, если вы хотите изменить внешний вид и добавить некоторые функции, не создавая собственный код? Возможно, вам понадобится сторонний плагин под названием Divi Custom Blog Module.

Модуль настраиваемого блога Divi (теперь называется DTS Blog Module Pro) добавляет новый модуль в Divi Builder, который предоставляет новые стили и функции, включая теги социальных сетей, цвета фона для мета и категорий и многое другое. Он работает как с полной шириной, так и с сеткой. Добавьте свой собственный CSS, чтобы настроить его еще больше. Он добавляет 12 новых параметров настройки, так что вы можете настраивать цвета в режиме реального времени. Он также включает три новых виджета для размещения на боковых панелях.

В этой статье мы рассмотрим плагин Divi Custom Blog Module и посмотрим, на что он способен. Я создал несколько примеров сообщений в блоге, чтобы мы могли увидеть, как это работает. Изображения для сообщений в блоге взяты с Unsplash.com.

Установка и настройка

Загрузите и активируйте плагин, как любой плагин премиум-класса. После его активации вы найдете новый пункт меню на панели инструментов под названием Divi Custom Modules.

Это меню позволяет вам выбрать дополнительные элементы, которые можно добавить во фрагменты блога.

Параметры DCM позволяют включать или отключать значки социальных сетей и электронной почты, отображаемые во фрагменте блога.

Параметры DCM - настраиваемая мета-мета позволяет включать или отключать настраиваемые мета-поля для автора, даты и комментариев.

Я включил все эти варианты в свои примеры.

Создание макета блога

Я создал страницу для отображения моих примеров сообщений в блоге и разместил модуль. Обратите внимание, что теперь есть два модуля блога - оригинальный модуль Divi (называемый просто Blog) и новый модуль Custom - Blog. Выберите Custom - Blog.

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

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

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

А вот и вид поближе. При наведении курсора на значки социальных сетей меняются местами цвет значка и цвет фона - теперь значок становится белым, а цвет его фона - это фирменный цвет социальной сети. В этом примере я наведен на значок Google+. Нажав на кнопку, вы попадете в эту социальную сеть, где вы можете поделиться статьей (как и любую кнопку публикации в социальных сетях).

Вот обычная домашняя страница (без Divi Builder), на которой отображаются только последние сообщения. Он использует вертикальную навигацию с изображением в фоновом режиме, стандартные сообщения WordPress и обычные виджеты WordPress на боковой панели. Я хотел показать это для сравнения.

Вот посмотрите на обычный макет публикации WordPress с активными пользовательскими модулями Divi. Несмотря на то, что эта страница не была создана с помощью Divi Builder, она по-прежнему отображает сообщения с использованием модуля Divi Custom Blog Module в полноразмерном макете со всем тем же дополнительным контентом.

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

Три новых виджета

Плагин также добавляет три новых виджета:

DCM-About - имя, титул, должность, изображение, описание и социальные сети.

Divichild Latest Posts - заголовок, количество сообщений, категория.

Divichild Popular Posts - заголовок, количество постов, категория.

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

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

Настройщик тем

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

В настройщик тем добавлена ​​новая настройка под названием Divi Custom Blog Layout. Здесь вы можете настроить цвета тегов, фона, шрифтов, значков и ссылок для модуля и виджетов. Вы можете настраивать виджеты по отдельности или все вместе.

В этом примере я настроил цвет фона, значка и шрифта. Вы можете видеть все настройки в режиме реального времени.

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

Здесь используется сетка. Оба стиля карточек блога выглядят великолепно.

Лицензия

Лицензия позволяет использовать плагин на неограниченном количестве веб-сайтов для вас и ваших клиентов сколько угодно долго. Модуль Divi Custom Blog Module настолько прост в использовании, что не требует документации. Если вы можете использовать модуль Divi и настройщик тем, вы можете использовать этот сторонний плагин.

• Это плагин премиум-класса. Перейдите по этой ссылке, чтобы приобрести: Пользовательский модуль блога Divi

Последние мысли

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

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

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

Мы хотели бы получить известие от вас! Вы пробовали модуль Divi Custom Blog? Расскажите нам о своем опыте в комментариях.

Лучшее изображение через hanss / shutterstock.com