Журнал Blog Kit для Divi Обзор и обзор

Набор журналов для блогов для Divi - это сторонний макет от Divi Soup с такими функциями, как дочерняя тема. Сам макет сделан с помощью здания Divi и включает в себя слайдер, категории и ленту блога с эффектами наведения для создания элегантной страницы блога. Он также имеет стилизованную боковую панель и настраиваемый дизайн сообщения в блоге по умолчанию, который вы добавляете в свою дочернюю тему. Новые функции добавляются в вашу дочернюю тему путем их импорта или простого копирования и вставки.

Комплект блогов включает три разных макета страниц блога и архива. Вы можете изменить макет с полноширинного, сеточного или встроенного, вставив включенный CSS в параметры темы или в редактор CSS дочерней темы. Страницы архива, категории, тега, автора и результатов поиска имеют тот же макет, что и страница блога. Он также включает интеграцию с Font Awesome.

В комплект блога входят все файлы и инструкции по его использованию. В этой статье я установлю комплект Journal Blog Kit, посмотрю, насколько он прост в использовании, и рассмотрю его функции.

Установка набора журналов для блогов Divi

Разархивируйте загруженный файл. Внутри вы найдете несколько файлов, включая файлы JSON для макета страницы блога и настроек настройщика, файл read me, файлы CSS, PHP, JS и виджетов (это типы файлов, которые вы найдете в дочерней теме). .

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

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

Комплект блогов журнала для документации Divi

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

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

Комплект блогов журнала для страницы блога Divi

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

Комплект блогов журнала для слайдера Divi и категорий

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

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

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

Набор журналов для блогов Divi Fullwidth Layout

Вот макет блога с использованием полноразмерного CSS. Изображение увеличивается при наведении курсора. Он добавляет буквицу к первому слову отрывка. Категория и буквица выделены желтым цветом. Кнопка "Читать дальше" оформлена в соответствии с макетом.

Набор журналов для блогов Divi Grid Layout

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

Набор журналов для блогов Divi Inline Layout

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

Комплект блога журнала для боковой панели Divi

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

Комплект блога журнала для индивидуального макета публикации Divi

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

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

Набор журналов для блогов Divi Price

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

• Вы можете приобрести комплект Journal Blog Kit на сайте разработчика.

Набор журналов для блогов Divi

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

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

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

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

Ждем вашего ответа. Вы пробовали комплект журналов для блогов для Divi? Дайте нам знать, что вы думаете об этом, в комментариях ниже.

Избранные изображения через M.Stasy / shutterstock.com