Как создать собственный шаблон записи в блоге Elementor (простое руководство)

Вы ищете самый простой учебник о том, как создать собственный шаблон записи в блоге Elementor?

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

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

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

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

Чтобы без труда создать запись в блоге в WordPress с помощью конструктора страниц Elementor, вам понадобятся оба

• Элементор (бесплатно)

• и Элементор Про.

Как создать собственный шаблон страницы блога Elementor с нуля

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

Шаг 1. Создайте новый шаблон единого блога

Во-первых, вам нужно создать единый шаблон блога. Для этого перейдите на панель инструментов WordPress, а затем перейдите в «Шаблоны» ⇒ «Добавить новый».

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

Теперь вы должны увидеть готовые макеты (мы расскажем, как их использовать позже). Поскольку мы собираемся создать шаблон блога с нуля, нажмите кнопку с крестиком в правом верхнем углу , чтобы закрыть это окно.

Шаг 2. Выберите структуру/макет для шаблона сообщения в блоге.

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

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

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

Шаг 3. Добавьте виджет «Избранное изображение» и настройте параметры стиля изображения.

Получив макет, на левой панели редактора найдите виджет Featured Image. Найдя виджет, перетащите его в нужное место.

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

Чтобы изменить настройки стиля, перейдите на вкладку «Стиль» . Здесь вы можете изменить высоту, ширину, непрозрачность, границу, радиус и т. д. изображения.

Шаг 4. Добавьте и настройте виджет Elementor Post Info

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

На вкладке «Содержимое редактора Elementor» вы можете установить макет по умолчанию или встроенный. Вы можете редактировать/удалять параметры автора, даты, времени и комментариев . Вы также можете добавить настраиваемое поле в виджет «Информация о публикации», нажав кнопку + ДОБАВИТЬ НОВОЕ.

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

Шаг 5: Перетащите виджет «Заголовок сообщения» и настройте

Теперь найдите виджет «Заголовок сообщения» и перетащите его под виджет информации о сообщении.

Вы можете настроить размер, тег HTML и выравнивание тега заголовка сообщения.

На вкладке «Стиль» вы найдете параметры для настройки цвета текста, типографики, обводки текста, тени текста и режима наложения.

Шаг 6. Добавьте и настройте виджет публикации контента

Теперь перетащите виджет содержимого публикации . Виджет содержимого публикации ElementsKit представляет тело (основное содержимое) публикации в блоге.

Шаг 7. Перетащите виджет «Значки социальных сетей», чтобы добавить возможность поделиться в социальных сетях.

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

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

Перейдите на вкладку «Стиль», чтобы изменить размер значка, цвет, отступы, интервал и тип границы.

Шаг 8. Добавьте виджет «Ящик автора» и настройте параметры виджета.

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

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

Шаг 9: Добавьте виджет навигации по записям для опции разбиения на страницы

Виджет Elementor Post Navigation предложит читателям варианты навигации, чтобы они могли переключаться на разные блоги. Чтобы добавить виджет навигации по записям, например, перед поиском в редакторе, а затем перетащите его после виджета поля автора.

Вы можете показать или скрыть метку пагинации или знак стрелки. Вы получаете около 8+ вариантов дизайна стрел. Вы также можете настроить текст предыдущего и следующего уровня.

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

Шаг 10. Перетащите виджет «Сообщения», чтобы отобразить связанные сообщения.

Чтобы продемонстрировать связанные сообщения, мы будем использовать виджет Elementor Posts . Итак, перетащите виджет сообщений после виджета навигации по сообщениям. С помощью этого виджета вы можете изменить цвет обложки, установить количество столбцов, количество сообщений на странице, положение изображения и многие другие настройки. Вы также можете изменить различные стили макета, блока, изображения и содержимого.

Шаг 11: Добавьте виджет комментариев к сообщениям

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

Шаг 12. Обновите и просмотрите собственный шаблон страницы блога Elementor.

Теперь, когда весь дизайн готов, нажмите кнопку «Обновить» . Если появится окно настроек публикации, нажмите « Сохранить и закрыть».

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

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

Как создать страницу с одним сообщением, используя готовый шаблон Elementor

Если вы планируете использовать готовый шаблон для своей пользовательской страницы блога Elementor, вы можете сделать это всего за 3 шага. Проверим как:

Шаг 1. Создайте новый шаблон отдельной записи в блоге на панели инструментов.

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

Шаг 2. Выберите готовый шаблон Elementor Single Post.

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

Шаг 3. Выберите готовый шаблон Elementor Single Post.

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

Вот окончательный вид сообщения в блоге с использованием сообщения в блоге Elementor с использованием готового шаблона отдельного сообщения.

Как создать страницу последних сообщений Elementor с помощью ElementsKit

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

Шаг 1: Установите и активируйте ElementsKit

Чтобы создать потрясающую страницу со списком блогов вместе с конструктором страниц Elementor, вам понадобится ElementsKit. ElementsKit — это плагин «все-в-одном» для Elementor с более чем 85 виджетами и модулями, упрощающими веб-разработку.

Шаг 2. Включите виджет, связанный со списком сообщений.

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

Шаг 3: Добавьте виджет и настройте

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

Сообщения в блоге:

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

Почтовая сетка:

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

Виджет вкладки сообщений

С виджетом Post Tab вы получаете все параметры настройки, такие как Post Grid, а также дополнительную вкладку категории. С помощью этой опции пользователи могут просто навести указатель мыши на вкладку любой категории и увидеть только блоги из этой конкретной категории.

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

Заключительные слова

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

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