Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Блок «Группа»

Блок «Группа»

Блок «Группа» объединяет другие блоки внутри одного контейнера, позволяя настраивать цвет фона, выравнивать интервалы и упорядочивать разделы страниц. В этом руководстве объясняется, как использовать на сайте блок «Группа».

Ознакомительное видео

Создание группы

Есть несколько способов группировать блоки. Можно начать с пустого блока «Группа» и затем добавлять в него контент или сгруппировать существующие блоки. Эти опции описаны ниже.

Добавление блока «Группа»

Чтобы добавить блок «Группа», нажмите значок инструмента вставки блоков «+» и выполните поиск по ключевому слову group. Нажмите на блок, чтобы добавить его в запись или на страницу. Можно набрать /group в новой строке и нажать Enter, чтобы быстро добавить новый блок «Группа».

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

После вставки блока «Группа» вам будет предложено выбрать разметку из следующих опций:

Средство выбора разметки блока «Группа»
Выбор вариантов «Группа», «Строка» или «Друг под другом»

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

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

Группировка имеющихся блоков

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

  1. Выберите блок или блоки, которые вы хотите добавить в группу. Вы можете выбрать несколько блоков по:
    • Выделение группы блоков с помощью мыши.
    • Щёлкните по первому блоку, удерживая клавишу Shift на клавиатуре, и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
    • Используя представление в виде списка, щёлкните по первому блоку, нажмите и удерживайте клавишу Shift на клавиатуре и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
  2. На панели инструментов блока, которая отображается над или под блоками, нажмите многоточие (три точки) и выберите опцию «Группа». При выборе нескольких блоков на панели инструментов появляются новые значки для быстрого создания группы или варианта группы (строка, друг под другом или сетка).
Стрелка указывает на опцию «Группа» после нажатия дополнительных опций (многоточия) на панели инструментов.
Добавление одного блока в группу
Стрелка указывает на значки группы на панели инструментов блока.
Группировка нескольких блоков

После нажатия на значок «Группа» на панели инструментов блоки будут помещены в блок «Группа».

Выбор блока «Группа»

Блок «Группа» имеет несколько настроек, к которым можно получить доступ, выбрав блок. Однако выбрать блок «Группа» нажатием на него нельзя, так как при нажатии на любой блок внутри группы (который называется дочерним блоком) будет выбран этот внутренний блок, а не весь блок «Группа» (который называется родительским блоком).

Существует несколько способов выбора родительского блока «Группа».

В виде списка

Нажмите на представление в виде списка в верхней части редактора и выберите блок «Группа». Здесь показан блок «Группа» со всеми его внутренними блоками, перечисленными ниже.

Открытый раздел представления в виде списка с разными блоками на странице, выделен блок «Группа».
Блок «Группа» в представлении в виде списка

Инструмент выбора родительского блока на панели инструментов

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

Стрелка указывает на значок блока «Группа» на панели инструментов.

Панель инструментов блока «Группа»

Когда блок «Группа» выбран, над ним появляется панель инструментов со следующими опциями:

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

На панели инструментов группового блока расположены следующие значки (слева направо):

Настройки блока «Группа»

При выборе блока на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:

Значок настроек в редакторе со всплывающей подсказкой «Настройки» под ним.
Щёлкните по значку «Настройки», чтобы открыть настройки блока.

Преобразование в строку, друг под другом или сетку

Переключите блок «Группа» на один из следующих вариантов:

Настройки макета

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

Настройки макета в блоке «Группа»

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

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

Для параметра Во всю ширину не задаётся настройка ширины, так как по умолчанию ширина всех блоков устанавливается на всю ширину экрана.

Настройки разметки блока «Группа»

Для выравнивания внутренних блоков по левому или правому краю либо по центру группы можно использовать параметр Выравнивание.

Настройки позиции

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

Анимированное GIF-изображение, иллюстрирующее закрепление группы в верхней части экрана при прокрутке вниз.
Поле подписки — это группа, закрепленная в верхней части экрана

Закреплять можно только группы верхнего уровня. Убедитесь, что блок «Группа» не вложен ни в один другой блок, чтобы эффект закрепления работал.

Если параметр позиции установлен в значение По умолчанию, группа появится в порядке, представленном на странице.

Расширенные настройки

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

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

На боковой панели настроек блока нажмите значок «Стили», чтобы открыть настройки оформления блока. Значок «Стили» имеет форму наполовину заполненного круга.

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

Здесь можно задать цвет текста, цвет фона, размер и шрифты текста, отступы, поля и интервалы между блоками. Дополнительную информацию об использовании этих настроек см. в следующих руководствах:

Фоновое изображение

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

  1. Выберите блок «Группа».
  2. На боковой панели настроек справа перейдите на вкладку Стили.

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

Выделен значок настроек в верхней части редактора WordPress.
Значок настроек в правом верхнем углу
  1. В разделе Фон щёлкните «Фоновое изображение», чтобы открыть следующие опции:
    • Открыть библиотеку медиафайлов. Выберите имеющееся изображение из раздела Медиафайлы вашего сайта.
    • Загрузить. Добавьте новое изображение со своего ПК или устройства.
    • Сбросить. Удалить фоновое изображение.

Фоновое изображение будет иметь более высокий приоритет, чем любой набор цветов фона.

Щёлкнув по меню с тремя точками рядом с пунктом «Фоновое изображение», вы можете настроить опцию Размер вашего изображения.

Если для опции размера выбрано значение «Содержание» или «Фиксированный», можно также установить, будет ли изображение повторяться, используя появившуюся настройку «Повтор изображения».

Отображаемые опции определения размера фоновых изображений для блоков «Группа».

Разгруппирование блоков

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

  1. Выберите Представление в виде списка в верхней части экрана редактирования.
  2. Выберите блок «Группа».
  3. Нажмите три точки рядом с блоком «Группа».
  4. Выберите опцию Разгруппировать.
GIF-изображение, на котором показан выбор действия «Разгруппировать» на панели инструментов блока.
Copied to clipboard!