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

Блоки «Строка» и «Друг под другом»

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

Добавление блоков «Строка» или «Друг под другом»

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

Вначале создайте пустой блок

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

Adding a row block with the slash command.

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

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

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

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

  1. Выберите блоки, которые нужно сгруппировать. Вы можете выбрать несколько блоков следующим образом:
    • Выделить блоки с помощью мыши.
    • Щёлкнуть по первому блоку, удерживая клавишу Shift на клавиатуре, а затем щёлкнуть по последнему блоку. Будут выбраны все блоки между первым и последним.
    • Используя представление в виде списка, щёлкнуть по первому блоку, нажать и удерживать клавишу Shift на клавиатуре и щёлкнуть по последнему блоку. Будут выбраны все блоки между первым и последним.
  2. На панели инструментов блока, которая появляется над или под блоками, нажмите на значок строки ( квадрат, разделённый пополам вертикальной линией), значок столбца (квадрат, разделённый пополам горизонтальной линией) или значок сетки, чтобы расположить блоки в виде сетки.
An arrow points to the group icons in the block toolbar.
Нажмите значок строки или столбца на панели инструментов блока, чтобы сгруппировать имеющиеся блоки

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

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

The Row block toolbar that appears above the Row block with icons for block type, move block, and more described below.
Панель инструментов блока «Строка»
The Stack block toolbar that appears above the Stack block with icons for block type, move block, and more described below.
Панель инструментов блока «Друг под другом»

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

  • Изменить тип или стиль блока.
  • Перетащить блок.
  • Переместить блок выше или ниже.
  • Изменить выравнивание элементов: по левому краю, по центру, по правому краю или через равные интервалы.
  • Выровнять контент по верхнему краю, по центру, по нижнему краю или через равные интервалы.
  • Изменить выравнивание: без выравнивания, по ширине, во всю ширину.
  • Дополнительные опции.

Настройки блоков «Строка» и «Друг под другом»

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

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

В блоках «Строка» и «Друг под другом» имеются приведённые настройки.

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

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

Макет

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

Параметр Ориентация позволяет изменить выравнивание в строку (по горизонтали) на выравнивание в столбик (по вертикали).

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

The Layout section of the Block Settings sidebar, with the options to set justification, orientation and wrap options.

Расположение

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

  • По умолчанию: при прокручивании вниз блок будет исчезать по мере перехода к другим разделам страницы.
  • Закреплённый: блок будет отображаться в верхней части страницы даже при прокручивании вниз. Значок в виде кнопки появится рядом с блоком в представлении в виде списка.
Default position is highlighted, with Sticky shown underneath.

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

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

Стили блоков «Строка» и «Друг под другом»

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

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

Цвет, типографика, размеры и границы

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

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

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

Настройки ширины (вложенные блоки)

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

Чтобы перейти к этим настройкам, нажмите на отдельный блок внутри блока «Строка» или «Друг под другом», затем найдите параметр Ширина на боковой панели настроек блока (она может отображаться под вкладкой Стили).

The Dimensions width settings, showing Fit, Grow, and Fixed.

Доступны три значения параметра ширины:

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

Как разгруппировать блоки

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

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