Руководства/Создание контента/Дизайн/Стили в блоке «Группа»

Стили в блоке «Группа»

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

Обучающее видео

Применение готового стиля к группе

Готовые стили имеются в нескольких блочных темах. Чтобы применить готовый стиль, выполните следующие действия:

  1. Нажмите представление в виде списка в верхней части экрана редактирования.
  2. Выберите блок «Группа».
  3. На боковой панели настроек блоканажмите вкладку «Стили» (значок выглядит как чёрно-белый круг).
  4. Нажмите на стиль, чтобы применить его к блоку «Группа».
The Styles section of the Group block sidebar settings.

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

Как изменить цвета группы

Вы можете изменять цвета по умолчанию блока «Группа», в том числе цвет фона, цвет текста и др. Чтобы изменить цвета в блоке «Группа», выполните следующие действия:

  1. Нажмите представление в виде списка в верхней части экрана редактирования.
  2. Выберите блок «Группа».
  3. На боковой панели настроек блоканайдите раздел «Цвет» .
The "Color" section of the Group block's settings sidebar.
  1. Щёлкните имя элемента, цвет которого требуется изменить, и выберите новый цвет.
  2. Нажмите на значок «Параметры цвета» () , чтобы включить опции изменения цветов заголовка и кнопок по умолчанию.
  3. Нажмите«Сохранить»или«Опубликовать», чтобы сохранить изменения.

Подробнее о том, как изменять цвета.

Как добавить фоновое изображение

Фоновые изображения отвечают за визуальную привлекательность и создают контекст вашего контента. Чтобы добавить фоновое изображение в блок «Группа», выполните следующие действия:

  1. Нажмите представление в виде списка в верхней части экрана редактирования.
  2. Выберите блок «Группа».
  3. На боковой панели настроек блоканайдите раздел«Фоновое изображение».
  4. Нажмите«Добавить фоновое изображение», чтобы выбрать изображение из библиотеки файлов , или загрузите новое.
The "Background image" section of the Group block's settings sidebar.

Чтобы удалить фоновое изображение, нажмите значок«Параметры фонового изображения» (⋮) в разделе«Фоновое изображение»и выберите ссылку«Сброс».

Как добавить рамку или тень

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

  1. Нажмите представление в виде списка в верхней части экрана редактирования.
  2. Выберите блок «Группа».
  3. На боковой панели настроек блоканайдите раздел «Рамка и тень» .
  4. Настройте рамку, отрегулировав параметры:
    • Ширина: определяет толщину рамки.
    • Стиль: сплошные, пунктирные или состоящие из точек линии.
    • Цвет: выберите из предустановленных цветов или укажите собственный цвет.
    • Радиус: закруглите углы блока «Группа».
  5. Нажмите меню «Опции рамки и тени» (⋮) , чтобы открыть параметры тени , затем выберите один из предустановленных вариантов теней.

Подробнее о настройках рамки и тени.

Повторение стилей

Стилистическое единство всех элементов сайта экономит время и создаёт визуальную связность. Чтобы задать стили по умолчанию для всех блоков «Группа», выполните следующие действия:

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

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

Подробнее о настройке стилей на сайте.

Copied to clipboard!