Как добавить карусель постов в WordPress

Опубликовано: 2022-08-10

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

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

Что такое почтовая карусель?

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

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

В чем разница между слайдером постов и каруселью?

Хотя ползунки и карусели по сути являются взаимозаменяемыми компонентами и часто используются в одном и том же контексте, между ними есть некоторые ключевые различия.

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

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

Однако, хотя они могут звучать почти одинаково, это не одно и то же.

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

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

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

Как добавить карусель постов в WordPress?

Теперь, когда мы знаем о Post Carousel, давайте узнаем, как использовать его на вашем сайте.

Установка PostX

Во-первых, вам нужно установить плагин PostX из каталога WordPress.

Install PostX
Установка PostX

Чтобы добавить новый плагин:

  1. Перейдите в раздел « Плагины» и нажмите « Добавить новый ».
  2. Найдите PostX и нажмите « Установить сейчас ».
  3. Нажмите кнопку активации , чтобы завершить установку.

Добавление/импорт блоков слайдера

Что делать, если вы создаете сайт с нуля и все настраиваете? Итак, теперь вам нужно добавить блок Post Slider, чтобы продолжить процесс.

Adding Post Slider
Добавление слайдера сообщений

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

Настройка пост-карусели

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

Перво-наперво, после добавления блока ползунка сообщений, перейдите вправо и нажмите «Исследовать шаблоны» .

Explore Patterns
Исследуйте шаблоны

Затем выберите самый последний готовый шаблон и нажмите «Импорт».

Модификации и настройки

Плагины блоков Gutenberg PostX предлагают множество вариантов настройки.

Вот несколько общих вариантов:

  • Анимация исчезает
  • Автовоспроизведение
  • Точки
  • Стрелки

И, поверьте мне, это не заканчивается здесь. Настройки запроса поразят вас множеством пользовательских опций.

  • Источники
  • Количество сообщений
  • Таксономия
  • Значение таксономии
  • Быстрый запрос
  • Группа уникального контента
  • Сортировать по
  • Порядок (ASC/DESC)
  • Автор
  • Исключить пост/термин/автора
Publishing Post Carousel
Публикация постов Карусель

После настройки всего просто нажмите «Опубликовать», и все готово.

И многое другое, не будем утомлять вас ими. Вместо этого, почему бы вам не исследовать и не выяснить это самостоятельно? Это как ящик Пандоры; чем больше вы исследуете, тем больше вы получаете.

Не ограничивайте свое воображение; покажите это на своем сайте с помощью PostX!

Еще одна забавная вещь, которую можно внедрить на свой сайт, — это Featured Slider, который мгновенно визуально улучшает любой веб-сайт. Ознакомьтесь с нашим руководством о том, как добавить слайдер записей в WordPress.

Дополнительные опции

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

Мы предоставили вам цветовые схемы, чтобы вам было проще настроить Post Carousel в соответствии с вашей темой. Не говоря уже о нашей теме Coblog; если вы добавите карусель сообщений, ваш сайт будет выглядеть потрясающе.

Вишенкой на торте является то, что мы оставили его открытым, чтобы поклонники CSS могли также добавлять классы CSS по своему усмотрению. А для энтузиастов Elementor есть слайдеры Gutenberg Post от PostX, которые также можно использовать в Elementor, Divi, Oxygen и других конструкторах на рынке.

Вывод

Это все, что мы можем сказать о Post Carousel. Мы надеемся, что теперь вы можете разместить это на своем веб-сайте. Если у вас есть какие-либо вопросы, просто оставьте комментарий ниже, и мы свяжемся с вами как можно скорее.

Вы можете посмотреть видеоуроки WordPress на нашем канале YouTube. Кроме того, найдите нас на Facebook и Twitter для получения регулярных обновлений!

Нравится эта статья? Распространить слово
  • PostX Celebration - Up to 35% OFF

    PostX отмечает более 20 тысяч активных установок! [Празднуйте вместе с нами!]

  • WordPress Load More Button

    Как добавить кнопку «Загрузить еще» для постов WordPress с помощью PostX

  • Create and Customize WooCommerce Product Page Template

    Создать и настроить шаблон страницы продукта WooCommerce

  • WooCommerce Products Compare

    Сравнение продуктов: сравнение продуктов WooCommerce