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

Ми отримуємо багато запитів від наших користувачі про те, як створити таку саму сторінку, що й домашня сторінку нашого демо блогу. Тому ми вирішили навчити вас як створити акуратну та організовану домашню сторінку блогу за допомогою шаблонів Блог Екстра.

Щоб створити кастомну домашню сторінку блогу:

  1. Підіть у Stores > Configuration > Magefan Extensions > Blog > Blog Index Page та виберіть Blank для опції Display Mode.

Blog Index Page Display Mode

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


2. Підіть у Content > Elements > Blocks та задайте новий блок — Add New Block. Ввімкніть його, задайте йому Title, Identifier, та виберіть Store View на якому він буде відображатись.

3. Натисніть на іконку Widgets, щоб задати віджети блогу.

Magento Blog Widgets

  • Виберіть Magefan Recent Post Widget типом віджета та задайтe йому назву — Title — що відображатиметься на вітрині.
  • Ввімкніть опцію
  • Вкажіть кількість публікацій — Number of Posts — яку ви хочете показувати.

Magento 2 Blog Widget

  • Відфільтруйте публікації за Category, Tag, чи Author щоб показувати тільки певні публікації у віджеті.
  • Вкажіть час у полі Range of Posts Publish Date From та Date To, щоб показувати публікації за певний період часу.
  • Виберіть Custom Template для цього віджета та збережіть його.

Magento 2 Blog Widget Settings

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

Blog Homepage Widgets

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

4. Підіть у Content > Elements > Widgets та додайте новий віджет — Add New Widget.

Magento 2 Widget Options

5. Заповніть базові опції віджета та заповніть поле Layout Updates.

Задайте Specified Page як місце відображення віджета, якою власне і є домашня сторінка блогу — Blog Homepage,  та виберіть контейнер сторінки — Main Content Area.

Blog Homepage Layout Updates

6. Задайте CMS блок, який ви щойно створили у полі Widget Options.

Blog Homepage Widget

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

Примітка: якщо ви раніше не вмикали Blank Mode для домашньої сторінки блогу, не забудьте повернутися до розділу налаштувань.

Magento Blog Homepage

Це лише 2 шаблони, які ми застосували для домашньої сторінки блогу в Magento. У Блог Екстра їх понад 22. Тож ви можете налаштувати домашню сторінку свого блогу як завгодно та використовувати різні віджети та шаблони.

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

Все-таки це ще не все. Якщо ви вирішите скористатися версією Екстра, вам слід знати про інші переваги Блог Екстра.