Блок «Группа» объединяет другие блоки внутри одного контейнера, позволяя настраивать цвет фона, выравнивать интервалы и упорядочивать разделы страниц. В этом руководстве объясняется, как использовать на сайте блок «Группа».
В этом руководстве
Есть несколько способов группировать блоки. Можно начать с пустого блока «Группа» и затем добавлять в него контент или сгруппировать существующие блоки. Эти опции описаны ниже.
Чтобы добавить блок «Группа», нажмите значок инструмента вставки блоков «+» и выполните поиск по ключевому слову group. Нажмите на блок, чтобы добавить его в запись или на страницу. Можно набрать /group в новой строке и нажать Enter, чтобы быстро добавить новый блок «Группа».
Вы можете ознакомиться с подробными инструкциями по добавлению блоков.
После вставки блока «Группа» вам будет предложено выбрать разметку из следующих опций:
- Группа. Опция группировки по умолчанию для размещения внутренних блоков в контейнере.
- Строка. Размещает внутренние блоки рядом друг с другом. См. руководство по блокам «Строка».
- Друг под другом. Размещает внутренние блоки в виде стопки. См. руководство по блокам «Друг под другом».
- Сетка. Размещает блоки в виде сетки. См. руководство по блоку «Сетка».
После выбора макета можно нажать значок инструмента вставки блоков «+», чтобы начать добавлять блоки в группу.
Блоки, уже имеющиеся на странице, можно сгруппировать, выполнив следующие действия.
- Выберите блок или блоки, которые вы хотите добавить в группу. Вы можете выбрать несколько блоков по:
- Выделение группы блоков с помощью мыши.
- Щёлкните по первому блоку, удерживая клавишу Shift на клавиатуре, и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
- Используя представление в виде списка, щёлкните по первому блоку, нажмите и удерживайте клавишу Shift на клавиатуре и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
- На панели инструментов блока, которая отображается над или под блоками, нажмите многоточие (три точки) и выберите опцию «Группа». При выборе нескольких блоков на панели инструментов появляются новые значки для быстрого создания группы или варианта группы (строка, друг под другом или сетка).
После нажатия на значок «Группа» на панели инструментов блоки будут помещены в блок «Группа».
Блок «Группа» имеет несколько настроек, к которым можно получить доступ, выбрав блок. Однако выбрать блок «Группа» нажатием на него нельзя, так как при нажатии на любой блок внутри группы (который называется дочерним блоком) будет выбран этот внутренний блок, а не весь блок «Группа» (который называется родительским блоком).
Существует несколько способов выбора родительского блока «Группа».
Нажмите на представление в виде списка в верхней части редактора и выберите блок «Группа». Здесь показан блок «Группа» со всеми его внутренними блоками, перечисленными ниже.
При нажатии на сгруппированный блок на панели инструментов появится значок блока «Группа». Значок блока «Группа», представленный двумя перекрывающимися квадратами, отображается слева от выбранного блока. Нажмите значок блока «Группа», чтобы выбрать блок «Группа».
Когда блок «Группа» выбран, над ним появляется панель инструментов со следующими опциями:
На панели инструментов группового блока расположены следующие значки (слева направо):
- Изменить тип блока.
- Перетащить блок.
- Переместить блок выше или ниже.
- Выполнить выравнивание по ширине содержимого или во всю ширину (если поддерживается темой)
- Дополнительные опции.
При выборе блока на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:
Переключите блок «Группа» на один из следующих вариантов:
- Строка. Размещает внутренние блоки рядом друг с другом. См. руководство по блокам «Строка».
- Друг под другом. Размещает внутренние блоки в виде стопки. См. руководство по блокам «Друг под другом».
- Сетка. Размещает блоки в виде сетки. См. руководство по блоку «Сетка».
Используйте настройки макета для управления шириной и положением блоков внутри группы.
Если параметр «Внутренние блоки используют ширину контента» отключен, блоки, добавленные в блок «Группа», будут заполнять ширину области контента страницы по умолчанию.
Чтобы получить больше возможностей управления шириной внутренних блоков, установите флажок «Внутренние блоки используют ширину контента» в положение «Вкл.». Затем можно задать ширину внутренних блоков, используя следующие опции:
- Контент. Ширина области контента для блоков, для которых не задано значение «Широкий формат» или «Формат во всю ширину».
- Широкий формат. Ширина содержимого для блоков устанавливается по широкому формату.
Для параметра Во всю ширину не задаётся настройка ширины, так как по умолчанию ширина всех блоков устанавливается на всю ширину экрана.
Для выравнивания внутренних блоков по левому или правому краю либо по центру группы можно использовать параметр Выравнивание.
Установите для блока «Группа» положение Закреплено, чтобы группа отображалась закреплённой в верхней части окна при прокрутке вниз. Значок булавки появится рядом с блоком «Группа» в представлении в виде списка.
Закреплять можно только группы верхнего уровня. Убедитесь, что блок «Группа» не вложен ни в один другой блок, чтобы эффект закрепления работал.
Если параметр позиции установлен в значение По умолчанию, группа появится в порядке, представленном на странице.
Подробнее о расширенных настройках блока.
На боковой панели настроек блока нажмите значок «Стили», чтобы открыть настройки оформления блока. Значок «Стили» имеет форму наполовину заполненного круга.
Здесь можно задать цвет текста, цвет фона, размер и шрифты текста, отступы, поля и интервалы между блоками. Дополнительную информацию об использовании этих настроек см. в следующих руководствах:
В стилях блока «Группа» также можно настроить фоновое изображение, которое будет отображаться в виде фона контента блока.
- Выберите блок «Группа».
- На боковой панели настроек справа перейдите на вкладку Стили.
Если правая боковая панель не отображается, щёлкните значок настроек в правом верхнем углу экрана, чтобы открыть настройки. Этот значок выглядит как квадрат с двумя неодинаковыми колонками.
- В разделе Фон щёлкните «Фоновое изображение», чтобы открыть следующие опции:
- Открыть библиотеку медиафайлов. Выберите имеющееся изображение из раздела Медиафайлы вашего сайта.
- Загрузить. Добавьте новое изображение со своего ПК или устройства.
- Сбросить. Удалить фоновое изображение.
Фоновое изображение будет иметь более высокий приоритет, чем любой набор цветов фона.
Щёлкнув по меню с тремя точками рядом с пунктом «Фоновое изображение», вы можете настроить опцию Размер вашего изображения.
- Растянуть. Растянуть фоновое изображение, чтобы охватить весь блок.
- Содержание. Изменить размер фонового изображения по размеру блока без обрезки.
- Фиксированный. Установка фиксированной ширины фонового изображения в настраиваемом поле.
Если для опции размера выбрано значение «Содержание» или «Фиксированный», можно также установить, будет ли изображение повторяться, используя появившуюся настройку «Повтор изображения».
Если вы хотите удалить блок «Группа», не удаляя внутренних блоков, вы можете разгруппировать их. Выполните следующие действия.
- Выберите Представление в виде списка в верхней части экрана редактирования.
- Выберите блок «Группа».
- Нажмите три точки рядом с блоком «Группа».
- Выберите опцию Разгруппировать.