Як створити блог DIVI за допомогою плагіна та віджета WP Latest Posts

За допомогою конструктора DIVI ми можемо створювати чудові вебсайти, і це справді простий у використанні конструктор сторінок, який має функції майже для всього! Але іноді нам потрібна допомога додаткових компонентів, таких як створення чудової сторінки блогу, і WP Latest Post з DIVI дозволить нам це зробити.

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

У цій публікації ми розглянемо, як використовувати DIVI та WP Latest Post, щоб отримати максимум від обох.

Створіть блок з нашими останніми публікаціями WordPress

Для початку нам потрібно створити блок «Публікації» в «Останній публікації» в WP, щоб вбудувати його в DIVI.

Щоб це зробити, перейдіть до WP Latest Post > All New Blocks у лівому меню, ми побачимо +Новий блок , натисніть її.

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

Створення блоку поділено на 3 розділи, де ми зможемо визначити кожну частину блоку, першою з яких є Джерело.

Як випливає з назви, ми зможемо визначити, що буде використовуватися для блоку для визначення включених публікацій, ми можемо використовувати сторінки, публікації, категорії або власні типи публікацій.

У цьому посібнику ми виберемо опцію «Дописи», оскільки створюємо сторінку блогу.

Після вибору джерела ми можемо визначити, як фільтрувати контент, а також налаштувати спосіб його відображення, визначивши наступне:

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

Сортувати за/Упорядкувати : визначте , як будуть відображатися наші публікації, чи за датою створення, а також чи за зростанням, чи за спаданням.

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

Опубліковано/Дата : визначте, чи хочемо ми відображати лише публікації, опубліковані після/до певної дати.

Контент, створений за останній період : це дозволить нам визначити більш конкретний набір публікацій за останні години/дні/місяці/роки.

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

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

Тепер ми можемо перейти до наступної частини, яка буде « Дисплей та тема» , де ми зможемо встановити тему з 8 доступних для WP Latest Post ( +Addon ).

Перш за все, у цій частині ми зможемо побачити вибір теми , а також опції її налаштування, ці опції змінюватимуться залежно від обраної нами теми.

Тема за замовчуванням

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

Тема Masonry

Матеріал горизонтальної теми

Вертикальна тема Material

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

Тема плавного наведення курсора

Тема часової шкали

Багато опцій для кожної теми, тож ми можемо налаштувати ту, яка нам більше подобається, на нашій сторінці та зробити її ідеальною лише кількома клацаннями.

Для цієї публікації ми використаємо Тема Masonry , щоб мати змогу продовжити.

А тепер ми можемо перейти до наступної вкладки в цьому розділі, а саме до налаштувань теми , яка може відрізнятися залежно від обраної нами теми. Для цієї обраної нами теми ми маємо можливість відображати заголовок, кнопку «Завантажити ще» та примусово відображати значок при наведенні курсора.

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

Ми зможемо побачити ще одну вкладку – « Анімація» . Ця опція призначена для керування темами, що містять анімацію, наприклад, «Плавне наведення» , яка є слайдером. У темі Masonry анімації взагалі немає, тому ми її пропустимо.

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

І на цьому ми завершили налаштування блок-посту, і тепер ми готові до його публікації.

Ми побачимо додаткову вкладку, де зможемо знайти шорткод блоку, а також визначити, чи є він приватним, чи ми хочемо опублікувати блок у певний час.

Багато чудових інструментів для корисної функції, яку можна використовувати в конструкторі сторінок DIVI! Тепер давайте додамо її на сторінку за допомогою DIVI.

Використання DIVI та WP Latest Post для створення сторінки блогу

Тепер, коли ми побачили, як легко створити наш блок Post, давайте додамо його на нашу сторінку DIVI.

Спочатку перейдіть на свою сторінку / публікацію та відредагуйте її або створіть нову та натисніть « Використовувати DIVI Builder» .

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

Першою доступною опцією з’явиться опція вибору блоку, натисніть «Вибрати блок» , а потім «Заблокувати публікацію». У цьому випадку ми ввели « Розділ моєї публікації» .

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

І це все! Чудова сторінка блогу, створена лише за кілька кліків.

Ще один момент, який слід пам’ятати, це те, що ми матимемо можливість налаштувати блок «Останні публікації» в режимі реального часу за допомогою параметрів Divi, де ми зможемо налаштувати такі речі, як фон, пробіли, фільтри, а також багато інших параметрів.

Тепер нам залишилося лише завершити редагування, якщо потрібно, та опублікувати його! Наша нова сторінка користувацького блогу готова, і ми готові до роботи!

Всього кілька кліків, щоб створити найкращу сторінку блогу, яку ми бачили, і вона завжди пасуватиме до нашого контенту завдяки всім варіантам її стилізації, які ми маємо, чудово! Чи не так?

Розкрийте новий рівень створення розділів новин у WordPress

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

Можливості безмежні, і він також працює з усіма основними конструкторами сторінок у WordPress, тож чого ви чекаєте? Перейдіть сюди та почніть творити!