Блок строки и блок стопки — это блоки оформления, с помощью которых можно вставить несколько блоков в строку или столбец соответственно и распределить их равномерно. Используйте блоки строки или стопки, чтобы создавать разделители или добавлять несколько элементов в одну строку, как если бы они входили в столбцы.
В этом руководстве
Нажмите значок вставки блоков (+), чтобы добавить блок строки
или стопки
и найдите эти блоки, введя row или stack в строку поиска. Нажмите на блок, чтобы добавить его в запись или на страницу.
💡
Можно также ввести /row в новой строке и нажать Enter, чтобы добавить новый блок строки, или /stack, чтобы добавить новый блок стопки.
Вы можете ознакомиться с подробными инструкциями по добавлению блоков.
После нажатия на блок появляются следующие опции панели инструментов:
На панели инструментов блока строки доступны следующие опции:
- Изменить тип или стиль блока.
- Перетащить блок.
- Переместить блок выше или ниже.
- Изменить выравнивание элементов: по левому краю, по центру, по правому краю, равномерно по ширине.
- Изменить выравнивание: нет, по ширине, во всю ширину.
- Дополнительные опции.
На панели инструментов блока стопки доступны следующие опции:
- Изменить тип или стиль блока.
- Перетащить блок.
- Переместить блок выше или ниже.
- Изменить выравнивание элементов: по левому краю, по центру, по правому краю.
- Изменить выравнивание: нет, по ширине, во всю ширину.
- Дополнительные опции.
📌
Если опция для изменения блока на широко- или полноформатный отсутствует, а ваша тема поддерживает эти опции, возможно, блок был добавлен в группу блоков. Дополнительные сведения о группе блоков см. здесь.
При выборе блока на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:
Блок строки можно преобразовать в групповой блок или блок стопки. Блок стопки можно преобразовать в групповой блок или блок строки.
В разделе «Разметка» можно настроить выравнивание блоков строки или стопки. Для строк доступно выравнивание по левому краю, по центру, по правому краю или по ширине. Выберите ориентацию, чтобы перейти со строк на стопку.
В блоке стопки содержимое нельзя выровнять по ширине. Эта опция доступна только для блока строки и позволяет распределить строки равномерно.
Кроме того, вы можете включить или отключить возможность переноса содержимого на другую строку.
В разделе Позиция можно выбрать По умолчанию или Закреплённый.
- По умолчанию: при прокручивании вниз блок будет исчезать.
- Закреплённый: блок будет отображаться в верхней части страницы даже при прокручивании вниз.
Дополнительные настройки
На вкладке дополнительных настроек можно добавить к блоку класс CSS, что позволяет настраивать стиль блока по своему усмотрению с помощью собственных таблиц CSS.
На боковой панели настроек блока нажмите значок «Стили», чтобы открыть настройки оформления блока. Значок «Стили» имеет форму наполовину заполненного круга.
В разделе «Цвет» можно изменить цвет текста, фона и ссылок в блоке строки или блоке стопки.
Нажмите на три точки в разделе «Цвет», чтобы добавить вариант изменения цвета ссылок.
Для текста и ссылок: щёлкните на поле с шахматным рисунком, чтобы выбрать любой пользовательский цвет, или выберите один из цветов, предложенных в разделах «Тема» и «По умолчанию».
Для фона помимо тех же настроек цвета, что и для текста, можно выбрать сплошной цвет или градиент (смесь двух и более цветов по определенному паттерну, например от более светлого к более тёмному или со смешением цветов).
Внешний вид текста в блоке можно изменить с помощью следующих настроек.
Если настройка не отображается, щёлкните три точки справа от элемента Настройки оформления (как показано справа). Затем можно выбрать необходимую опцию:
- Размер шрифта
- Семейство шрифтов
- Внешний вид
- Высота строки
- Оформление
- Регистр
- Интервалы
Параметр Размер шрифта позволяет изменять размер текста. Можно выбрать один из предварительно заданных размеров, например маленький, средний или крупный.
Кроме того, можно указать конкретное значение, щёлкнув значок слайдера над опциями по умолчанию (он отмечен цифрой 1 на снимке экрана ниже). Вы можете изменить единицы измерения, щёлкнув в области, отмеченной цифрой 2 на снимке экрана ниже. Можно выбрать пиксели, em
или rem
.
С помощью параметра Семейство шрифтов можно изменить стиль шрифта. Выберите нужный шрифт из списка в выпадающем меню.
С помощью параметра Внешний вид можно изменить стиль текста (обычный или курсив), а также его толщину — от тонкого до очень жирного.
Параметр Высота строки задаёт интервал над текстом и под ним. При выборе значения «ноль» обязательно проверьте свой сайт на мобильном устройстве.
Параметр Оформление содержит опции подчёркивания и перечёркивания.
С помощью параметра Регистр можно изменять регистр текста: все прописные буквы, заглавная первая буква или все буквы строчные.
Параметр Интервалы задаёт интервал между всеми знаками в тексте. Значение единицы измерения по умолчанию (пиксели) можно изменить на проценты, em
, rem
, vw
и vh
. Дополнительные сведения об относительных единицах можно найти здесь.
В разделе «Размеры» можно задать отступ — расстояние вокруг элементов в блоке строки. Эта опция особенно полезна при использовании цвета фона.
Отступ может иметь одно и то же значение для всех четырёх сторон. Добавить это значение можно в поле Отступ
Также можно указать отдельные значения для отступов с каждой стороны. Нажмите на значок цепи, чтобы открыть отдельные варианты отступов с разных сторон. Значения идут по часовой стрелке: вверху, справа, внизу, слева. Чтобы получить доступ к этому представлению, щелкните синий значок ссылки, показанный на предыдущем изображении.
У блока стопки невозможно настроить размеры, потому что элементы расположены друг над другом, и размеры можно задать для отдельных блоков или с помощью блока интервала.
Используйте настройки границ, чтобы добавить линию границы вокруг содержимого. Можно выбрать цвет, размер и единицу размера (px, %, em, rem, vw и vh).
По умолчанию эти настройки применяются к границам по всем сторонам. Чтобы определенным образом изменить границу сверху, снизу, справа или слева, щёлкните значок связи.
Опция радиуса позволяет придать границам изображения округлый вид. Если установить значение 0, то у изображения будут прямые углы.
📌
Настройки Граница и Радиус могут не отображаться на сайте, если вы используете классическую тему. Попробуйте новые темы редактора сайтов, чтобы настраивать границы изображения и использовать много других возможностей.
Выберите блок или блоки, которые хотите добавить в блок строки. Чтобы выбрать несколько блоков, зажмите кнопку мыши и выделите нужные блоки или удерживайте клавишу SHIFT и щёлкайте мышью по блокам, если они находятся рядом друг с другом.
Откроется панель инструментов блока. Нажмите на значок строки или стопки на панели инструментов. На иллюстрации стрелка указывает на значок блока строки, а справа от неё находится значок блока стопки.
Удалите из группы существующие блоки, чтобы изменить их выравнивание по отдельности.
- Нажмите на представление в виде списка в верхней части редактора и выберите Блок строки или Блок стопки.
- Нажмите на значок дополнительных опций на панели инструментов блока.
- Выберите опцию «Разгруппировать».