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

Блок «Сетка»

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

Добавление блока «Сетка»

Можно создать новый пустой блок «Сетка» или сгруппировать существующие блоки в виде сетки.

Добавление нового блока «Сетка»

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

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

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

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

Размещение имеющихся блоков в сетке

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

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

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

После нажатия на блок появляются следующие опции панели инструментов:

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

На панели инструментов блока «Сетка» доступны следующие опции:

Настройки блока «Сетка»

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

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

В блок «Сетка» входят следующие настройки блока:

Преобразование в другой вариант группы

Блок «Сетка» можно преобразовать в блок «Группа», блок «Строка» или блок «Друг под другом».

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

Макет

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

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

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

При размещении такого элемента, как блок «Абзац», внутри блока «Сетка» можно определить, сколько столбцов и строк должен занимать этот элемент. Настройка этих размеров для каждого элемента позволяет создавать пользовательские структуры сетки.

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

  1. Выберите элемент, размеры которого требуется изменить.
  2. В разделе «Размеры» на боковой панели настроек блока измените количество столбцов или строк, занимаемых блоком.
Настройка размеров блока «Абзац» внутри блока «Сетка».
Настройки диапазона столбцов и строк для блока «Абзац» в блоке «Сетка»
В разделе «Макет» на боковой панели «Настройки блока» установлено значение «Авто», при этом минимальная ширина столбцов в блоке «Сетка» составляет 12 rem.
Настройки макета с выбранной опцией «Авто»
В разделе «Макет» на боковой панели «Настройки блока» задано значение «Вручную», а количество столбцов в блоке «Сетка» установлено на 3.
Настройки макета с выбранным значением «Вручную»

Ниже приведен пример блока «Сетка» с несколькими блоками «Абзац», для которых заданы разные диапазоны столбцов и строк.

Позиция

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

  • По умолчанию: при прокручивании вниз блок будет исчезать по мере перехода к другим разделам страницы.
  • Закреплённый: блок будет отображаться в верхней части страницы даже при прокручивании вниз. Значок булавки появится рядом с блоком в представлении в виде списка.

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

Дополнительную информацию см. в наших подробных инструкциях по расширенным настройкам.

Стили блока «Сетка»

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

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

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

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

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

Удаление блоков из сетки

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

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