Как отображать сообщения в блоге по категориям в WordPress с элементом

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

Вот где появляются категории. Категории в WordPress позволяют вам организовать сообщения в блоге в разные разделы. Например, блог о путешествиях может иметь такие категории, как «Азия», «Европа» и «Советы». Блог интернет -магазина может использовать такие категории, как «Руководства по продукту», «истории клиентов» и «обновления».

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

Почему Элементар?

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

Таким образом, если вы являетесь пользователем без кода, ищущим самое простое решение для создания сложных веб-макетов, Elementor должен быть в верхней части вашего списка. Еще одна важная причина использования Elementor - его широкий спектр виджетов и гибкости. Вы можете использовать такие виджеты, как Post Grid, Post List или архивные сообщения для отображения сообщений в блоге по категориям в разных стилях.

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

Как отображать сообщения в блоге по категориям в WordPress: пошаговое руководство

Люди обычно отображают сообщения в блоге по категориям на странице архива. Есть несколько способов сделать это. Но для этого вам нужны следующие плагины на вашем сайте:

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

Метод первый: создание меню категории

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

• Посты
• Меню WordPress

Шаг 01: Откройте страницу архива из Theme Builder

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

Надеюсь, вы уже знаете, как открыть создатель темы. Перейдите к шаблонам> Строитель темы .

Приходите к варианту архива . Нажмите кнопку «Добавить новую» , чтобы создать страницу архива.

Шаг 02: Перетащите виджет постов в свой контейнер

Найдите виджет постов . Перетащите его на желаемый контейнер на холсте Elementor.

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

Шаг 03: стилизовать виджет постов

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

Шаг 04: Создайте меню категории

Зайдите на свою панель панели WordPress . Перейдите к внешнему виду> меню . Не беспокойтесь, если у вас уже есть меню.

В этом случае вы должны создать новое меню. Нажмите на опцию «Создать новое меню» .

Напишите имя для меню. Затем нажмите кнопку «Создать меню» .

Выберите категории, которые вы хотите отобразить в меню. После этого нажмите кнопку «Добавить в меню» .

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

Шаг 05: отображать меню категории над виджетом постов

Приходите на страницу, которую вы редактируете с элементом. Найдите виджет меню WordPress . Перетащите его через виджет постов.

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

Меню категории сразу же появится на вершине виджета постов.

Шаг 06: стилизовать меню категории

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

Шаг 07: Установите настройки запроса

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

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

Шаг 08: Установка условий

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

Выберите категории в качестве условия результатов поиска.

Сохраните условие.

Шаг 09: Предварительные посты по категориям

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

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

Метод второй: Использование списка таксономии

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

Шаг 01: Откройте страницу архива из Theme Builder

Надеюсь, вы уже знаете процесс, как мы показали его немного назад. Войдите в свою панель инструментов WordPress. Затем перейдите к шаблонам> Строитель темы .

Перейдите к опции архива и откройте страницу, нажав кнопку «Добавить новую» .

Шаг 02: Перетащите виджет архивных постов.

Найдите виджет архивных постов . Перетащите его на свой холст Ementor.

Вы увидите, что все ваши посты были отображены на холсте.

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

Шаг 03: Добавьте виджет списка таксономии

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

Как только контейнер добавлен, найдите виджет списка таксономии и поместите его на контейнер.

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

Шаг 04: Добавить категории

Добавить категории очень просто. Перейдите к вкладке контента> Список . Рядом с опцией источника вы получите раскрывающий список . Оттуда выберите категории .

После этого нажмите на элемент + Добавить . Это откроет пространство для вас, чтобы добавить столько категорий, сколько вы хотите.

Напишите имя для категории. Затем в поле поиска выбора категории введите нужную категорию. Например, мы набрали Гутенберга, чтобы получить и выбрать категорию.

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

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

Шаг 05: стилизовать категории

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

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

Шаг 06: Установите условия и опубликуйте страницу

Когда необходимо сделать необходимые стилизации, перейдите в опцию «Условия дисплея» .

Выберите категории для условия.

Сохраните условие.

Шаг 07: Предварительный просмотр функциональности категории

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

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

Бонус: попробуйте HappyAddons, чтобы бесплатно использовать создатель темы

HappyAddons - это мощный плагин для Elementor, который поставляется с более чем 130 виджетами и 24+ функциями , чтобы вывести дизайн вашего сайта на новый уровень. Он предлагает креативные инструменты дизайна, расширенные функциональные возможности и множество вариантов настройки, которые выходят за рамки того, что вы получаете, только с элементом.

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

# HappyAddons Theme Builder (бесплатно)

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

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

Проверьте, как создать шаблон сообщения в блоге с HappyAddons.

# Решение для экономии средств

Использование Buildder Syte Builder также является экономическим решением. Обычно Elementor позволяет только для пользователей Pro Builder только для пользователей, что требует премиальной лицензии. Но с HappyAddons вы получаете бесплатную альтернативу.

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

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

Такие функции, как условия отображения, кросс-доменная копия и предустановленные конструкции, также экономят время и усилия в процессе проектирования.

Конечные заметки!

Отображение постов в блоге по категориям в WordPress - один из лучших способов организовать ваш контент и направлять читателей к тому, что они хотят. Независимо от того, используете ли вы Elementor или HappyAddons, создание четкой страницы архива с макетами на основе категорий облегчает навигацию ваш сайт. Это также улучшает пользовательский опыт и заставляет посетителей дольше задействовать.

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

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