header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Шаг 1 | Добавление элемента «Список постов» на сайт
  • Шаг 2 | Настройка параметров
  • Шаг 3 | Редактирование отображения
  • Шаг 4 | Изменение макета
  • Шаг 5 | Настройка дизайна
  • Вопросы и ответы

Wix Блог: добавление и настройка списка постов

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

Шаг 1 | Добавление элемента «Список постов» на сайт

Добавление элемента «Список постов» на сайт позволяет отображать посты блога именно там, где вы хотите. Будь то главная, лендинг или портфолио, этот элемент упрощает посетителям изучение вашего контента.
Совет:
Убедитесь, что вы находитесь на странице, на которую хотите добавить список постов. Вы можете добавить список постов на любое количество страниц.
  1. Перейдите в редактор.
  2. Нажмите Добавить элементы в левой части редактора.
  3. Нажмите Блог.
  4. Нажмите на список постов, который вы хотите использовать, или перетащите его в нужное место на странице.
Скриншот панели добавления и доступных вариантов списка постов.

Шаг 2 | Настройка параметров

После добавления списка постов на сайт вы можете изменить некоторые настройки в соответствии со своими потребностями. Выберите рубрику, посты из которой должны отображаться, и количество постов в списке.
  1. Нажмите на элемент списка постов в редакторе.
  2. Нажмите Настройки.
  3. Перейдите на вкладку Настройки.
  4. Настройте элемент списка постов:
    • Выберите рубрику: нажмите на выпадающий список, чтобы выбрать рубрику блога для отображения в списке.
    • Фильтровать по тегу: нажмите на выпадающий список, чтобы отфильтровать посты по тегу.
    • Только избранные посты: нажмите на переключатель, чтобы выбрать тип отображаемых постов:
      • Включено: в списке отображаются только избранные посты.
      • Выключено: в списке отображаются все посты блога, а не только избранные.
    • Как отображать посты?: выберите способ отображения постов:
      • Одна страница: перетащите ползунок Всего постов ниже , чтобы выбрать общее количество постов для отображения в списке.
      • Пагинация: перетащите ползунок Постов на странице ниже, чтобы выбрать количество постов на странице в списке.
Скриншот вкладки настроек в элементе «Список постов».

Шаг 3 | Редактирование отображения

Выберите, какие дополнительные иконки и информация будут отображаться в списке постов. Например, хотите ли вы показывать имя автора в каждом посте или включить счетчик лайков, который показывает, сколько отметок «нравится» получил пост?
  1. Нажмите на элемент списка постов в редакторе.
  2. Нажмите Настройки.
  3. Перейдите на вкладку Отображение.
  4. Установите флажок рядом с каждым пунктом, который вы хотите показывать в ленте.
Скриншот настроек отображения списка постов.

Шаг 4 | Изменение макета

Выберите макет, который подчеркивает посты блога и соответствует дизайну сайта. Вы можете дополнительно настроить параметры, которые меняются в зависимости от выбранного макета.
  1. Нажмите на элемент списка постов в редакторе.
  2. Нажмите Настройки.
  3. Перейдите на вкладку Макет.
  4. Выберите, что вы хотите настроить:
    • Посты: выберите макет для постов, например, «Рядом» или «Журнал». Измените размер изображения (обрезать или подогнать), настройте соотношение сторон (например, 16:9, 4:3) и выберите выравнивание текста (по левому краю, по центру или по правому краю) в соответствии с вашим дизайном.
    • Настройки макета: выберите способ отображения постов, задав количество карточек в ряду, настроив размер поста, интервал и высоту. Настройте боковые отступы текста и выберите количество видимых строк для заголовков и описаний, чтобы доработать дизайн.
Скриншот настроек макета списка постов.

Шаг 5 | Настройка дизайна

Настройте дизайн списка постов в соответствии со стилем сайта. Изменяйте отдельные элементы, такие как текст, интервал и границы, чтобы выделить его.
  1. Нажмите на элемент списка постов в редакторе.
  2. Нажмите Настройки.
  3. Перейдите на вкладку Дизайн.
  4. Выберите, что вы хотите настроить:
    • Посты: настройте стиль и цвет заголовка и описания поста, измените цвет текста при наведении, а также настройте прозрачность и цвет границ и фона.
    • Рубрика: выберите макет для названия рубрики и настройте ее стиль.
    • Рейтинги: настройте цвета для звезды, которая показывает рейтинг каждого поста. Измените стиль, размер и цвет шрифта для отображения рейтинга.
    • Настройки видео: настройте способ воспроизведения видео в списке постов. Выберите автовоспроизведение, воспроизведение по клику или при наведении. Вы также можете выбрать скорость воспроизведения видео и зацикленный повтор.
Скриншот настроек отображения списка постов.

Вопросы и ответы

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

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.