Как создать блог DIVI с помощью плагина и виджета WP Latest Posts

С помощью конструктора DIVI мы можем создавать отличные веб-сайты, и это действительно простой в использовании конструктор страниц, в нем есть функции почти для всего! Но иногда нам нужна помощь дополнительных компонентов, таких как создание отличной страницы блога, и WP Latest Post с DIVI позволит нам сделать это.

WP Latest Post - это плагин, который позволяет нам создавать страницы с нашими последними публикациями, используя фильтры и инструменты дизайна, чтобы выполнить работу в рекордно короткое время и сделать ее идеально подходящей для нашего сайта.

В этом посте мы увидим, как использовать DIVI и WP Latest Post, чтобы получить максимум от обоих.

Создать блок с нашими последними записями WordPress

Чтобы начать, нам нужно создать блок публикаций в WP Latest Post, чтобы встроить его в DIVI.

Чтобы сделать это, перейдите в WP Latest Post > Все новые блоки в левом меню, мы увидим кнопку +Новый блок, нажмите на нее.

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

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

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

Для этого урока мы выберем опцию Посты, так как мы создаем страницу Блога.

После выбора источника мы можем определить, как фильтровать содержимое, а также настроить, как оно будет отображаться, определив следующее:

Категории: фильтр содержимого, которое будет отображаться в категории.

Сортировать по: определите, как будут упорядочены наши посты, основано ли это на дате создания и в порядке возрастания или убывания.

Количество строк/столбцов и элементов: выберите количество строк, которое мы хотим отобразить, количество столбцов и максимальное количество элементов, которые будут показаны.

Опубликовано/Дата: чтобы определить, хотим ли мы показывать только посты, опубликованные после/до определенной даты.

Содержимое, созданное за последнее время: это позволит нам определить более конкретный набор постов за последние часы/дни/месяцы/годы.

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

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

Теперь мы можем перейти к следующей части, которая будет Отображение и тема, где мы сможем выбрать тему из 8 доступных для WP Latest Post (+Аддон).

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

Стандартная тема

Сетка категорий

Тема Masonry

Тема Material Horizontal

Материальная вертикальная тема

Тема портфолио

Тема Smooth Hover

Тема Timeline

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

Для этого поста мы будем использовать Masonry, чтобы мы могли продолжить дальше.

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

Сначала мы можем настроить иконку, которая будет отображаться при наведении, а также изменить ее на любую из предложенных WP Latest Post или загрузить свою собственную.

Мы сможем увидеть еще одну вкладку, которая называется Анимация, эта опция предназначена для управления темами, содержащими анимации, такими как тема Smooth Hover , которая является слайдером, с Masonry вообще нет анимации, поэтому мы пропустим ее.

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

И с этим мы завершаем настройку блока публикаций, и теперь мы готовы опубликовать его.

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

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

Использование DIVI и WP Latest Post для создания страницы блога

Теперь, когда мы увидели, насколько легко создать наш блок Поста, давайте добавим его на нашу страницу DIVI.

Сначала перейдите на вашу страницу/запись и отредактируйте ее или создайте новую и нажмите на Использовать DIVI Builder.

Теперь мы можем начать вставлять наш Модуль, а затем искать WP Latest Posts, блок для плагина появится, нажмите на него.

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

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

И это будет все! Потрясающая страница блога, созданная всего несколькими кликами.

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

Теперь нам нужно только закончить редактирование, если необходимо, и опубликовать его! Наша новая страница пользовательского блога готова, и мы готовы к запуску!

Всего несколько кликов для создания лучшей страницы блога, которую мы видели, и она всегда будет соответствовать нашему контенту благодаря всем вариантам, которые у нас есть для ее стилизации, здорово! Не так ли?

Откройте следующий уровень создания разделов новостей в WordPress

Как вы можете видеть, WP Latest Post - это отличное дополнение к нашему сайту WordPress, не только для создания страниц блога, но и для создания любых типов новостных разделов! Например, фильтруйте их по категориям и показывайте разные новостные разделы для каждой категории или создайте новостной раздел для наших продуктов WooCommerce тоже.

Возможности безграничны, и это также работает со всеми основными строителями страниц в WordPress, так чего вы ждете? Перейдите сюда и начните создавать!