Получить мгновенный хостинг с Plaseor и Premizer Pro

С CDN, SSL и резервными копиями.

Начните сегодня

Как назначить разные шаблоны для разных сообщений в блоге

Rifat Divi Учебники Feb 16, 2022

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

Предварительный просмотр дизайна

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

Зачем нам нужен другой шаблон для определенного поста в блоге?

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

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

Скачать Divi Лучшая тема WordPress

Самая популярная тема WordPress в мире и Ultimate Page Buildress Page Builder

Скачать Divi

Это также полезно для указания, когда статья в блоге является частью более крупной статьи или серии. Например, если вы создаете сообщения в разделах, часть 1 может иметь один макет, а часть 2 — другой макет. Таким образом, пользователи могут получить визуальную очередь того, где они находятся в серии.

Бесплатные шаблоны сообщений в блогах

Для начала скачайте и разархивируйте шаблон сообщения в блоге. Темы Divi имеют множество бесплатных стилей постов в блогах. Найдите в блоге «бесплатный шаблон сообщения в блоге». В Divi Marketplace также есть ряд платных шаблонов сообщений в блогах. Найдите «шаблоны сообщений в блогах» на торговой площадке, чтобы узнать, что доступно.

Загрузить шаблоны сообщений в блоге

В панели инструментов WordPress перейдите к Divi > Theme Builder, чтобы загрузить шаблон сообщения в блоге. В правом верхнем углу нажмите кнопку «Переносимость». В появившемся модальном окне нажмите вкладку «Импорт». Нажмите кнопку «Выбрать файл», затем перейдите к разархивированному файлу JSON на своем компьютере и выберите его. Дождитесь завершения загрузки, прежде чем нажать «Импортировать шаблоны Divi Theme Builder». Наконец, нажмите Сохранить изменения.

Назначение на определенные посты

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

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

Мы сделаем еще один клон этого, но сначала мы его персонализируем.

Настройте первый клонированный шаблон

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

Откройте настройки раздела первого раздела.

Установите новый цвет фона.

  • Фон: #871b11

Измените настройки кнопки «Читать сообщение». Выберите вкладку «Дизайн» и внесите следующие изменения.

  • Цвет текста кнопки: #000000
  • Фон кнопки: #ffffff

Откройте настройки строки. Он содержит метаинформацию поста. Выберите вкладку «Дизайн» и внесите некоторые изменения в стили границы.

  • Цвет нижней границы: #ffffff

Прокрутите вниз до строки, содержащей модуль «Комментарии», и нажмите кнопку «Настройки». Измените фон на такой же темно-красный, как в первом разделе. Обратите внимание на зеленую часть фона. Я оставлю его как есть, потому что он связывает статью в блоге с исходным макетом. Сохраните макет после закрытия настроек.

  • Фон: #871b11

Настройте второй клонированный шаблон

Затем мы воспроизведем наш персонализированный шаблон публикации. Наведите указатель мыши на шаблон и выберите значок клонирования.

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

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

Измените цвет фона в первом разделе.

  • Фон: #04307c

Теперь перейдите к модулю комментариев, разверните настройки строки и измените цвет фона.

  • Фон: #04307c

Окончательный результат

Таким образом, первый дизайн доступен для всех постов в блоге. Следующие два предназначены для конкретных сообщений в блоге.

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

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