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

Блоки строки и стопки

Блок строки и блок стопки — это блоки оформления, с помощью которых можно вставить несколько блоков в строку или столбец соответственно и распределить их равномерно. Используйте блоки строки или стопки, чтобы создавать разделители или добавлять несколько элементов в одну строку, как если бы они входили в столбцы.

Добавление блока строки или блока стопки

Нажмите значок вставки блоков (+), чтобы добавить блок строки или стопки и найдите эти блоки, введя row или stack в строку поиска. Нажмите на блок, чтобы добавить его в запись или на страницу.

Нажатие кнопки вставки блоков и поиск row (строка), затем нажатие на блок строки для его вставки в редактор.

💡

Можно также ввести /row в новой строке и нажать Enter, чтобы добавить новый блок строки, или /stack, чтобы добавить новый блок стопки.

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

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

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

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

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

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

📌

Если опция для изменения блока на широко- или полноформатный отсутствует, а ваша тема поддерживает эти опции, возможно, блок был добавлен в группу блоков. Дополнительные сведения о группе блоков см. здесь.

Настройки блока

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

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

Блок строки можно преобразовать в групповой блок или блок стопки. Блок стопки можно преобразовать в групповой блок или блок строки.

Боковая панель настроек блока с возможностью преобразовать блок строки в групповой блок или блок стопки.
Макет

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

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

Кроме того, вы можете включить или отключить возможность переноса содержимого на другую строку.

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

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

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

Дополнительные настройки

На вкладке дополнительных настроек можно добавить к блоку класс CSS, что позволяет настраивать стиль блока по своему усмотрению с помощью собственных таблиц CSS.

Раздел дополнительных настроек позволяет добавить к блоку класс CSS.
Раздел дополнительных настроек позволяет добавить к блоку класс CSS.

Стили блоков

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

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

В разделе «Цвет» можно изменить цвет текста, фона и ссылок в блоке строки или блоке стопки.

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

Настройки цвета на боковой панели блока с выбором цвета текста и цвета фона.

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

Раздел «Цвет» на боковой панели настроек блока с выделенным текстом и инструментом выбора цвета справа.

Для фона помимо тех же настроек цвета, что и для текста, можно выбрать сплошной цвет или градиент (смесь двух и более цветов по определенному паттерну, например от более светлого к более тёмному или со смешением цветов).

Настройки градиента для цвета фона на боковой панели блока.
Типографика

Внешний вид текста в блоке можно изменить с помощью следующих настроек.

Если настройка не отображается, щёлкните три точки справа от элемента Настройки оформления (как показано справа). Затем можно выбрать необходимую опцию:

  • Размер шрифта
  • Семейство шрифтов
  • Внешний вид
  • Высота строки
  • Оформление
  • Регистр
  • Интервалы
Выпадающее меню «Настройки оформления»
Настройки оформления на боковой панели «Настройки блока» с дополнительными опциями.

Параметр Размер шрифта позволяет изменять размер текста. Можно выбрать один из предварительно заданных размеров, например маленький, средний или крупный.

Кроме того, можно указать конкретное значение, щёлкнув значок слайдера над опциями по умолчанию (он отмечен цифрой 1 на снимке экрана ниже). Вы можете изменить единицы измерения, щёлкнув в области, отмеченной цифрой 2 на снимке экрана ниже. Можно выбрать пиксели, em или rem.

Настройки размера шрифта в разделе «Настройки оформления»

С помощью параметра Семейство шрифтов можно изменить стиль шрифта. Выберите нужный шрифт из списка в выпадающем меню.

С помощью параметра Внешний вид можно изменить стиль текста (обычный или курсив), а также его толщину — от тонкого до очень жирного.

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

Параметр Оформление содержит опции подчёркивания и перечёркивания.

С помощью параметра Регистр можно изменять регистр текста: все прописные буквы, заглавная первая буква или все буквы строчные.

Параметр Интервалы задаёт интервал между всеми знаками в тексте. Значение единицы измерения по умолчанию (пиксели) можно изменить на проценты, em, rem, vw и vh. Дополнительные сведения об относительных единицах можно найти здесь.

Размеры

В разделе «Размеры» можно задать отступ — расстояние вокруг элементов в блоке строки. Эта опция особенно полезна при использовании цвета фона.

Отступ может иметь одно и то же значение для всех четырёх сторон. Добавить это значение можно в поле Отступ

Настройки размеров, блок «Строка» на WordPress.com

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

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

Опции размеров, блок «Строка» на WordPress.com
Граница и радиус

Используйте настройки границ, чтобы добавить линию границы вокруг содержимого. Можно выбрать цвет, размер и единицу размера (px, %, em, rem, vw и vh).

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

Опция радиуса позволяет придать границам изображения округлый вид. Если установить значение 0, то у изображения будут прямые углы.

📌

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

Добавление нескольких блоков в строку или стопку

Выберите блок или блоки, которые хотите добавить в блок строки. Чтобы выбрать несколько блоков, зажмите кнопку мыши и выделите нужные блоки или удерживайте клавишу SHIFT и щёлкайте мышью по блокам, если они находятся рядом друг с другом.

Откроется панель инструментов блока. Нажмите на значок строки или стопки на панели инструментов. На иллюстрации стрелка указывает на значок блока строки, а справа от неё находится значок блока стопки.

Опции при выборе нескольких блоков для блока строки.

Отмена группирования существующих блоков

Удалите из группы существующие блоки, чтобы изменить их выравнивание по отдельности.

  1. Нажмите на представление в виде списка в верхней части редактора и выберите Блок строки или Блок стопки.
  2. Нажмите на значок дополнительных опций на панели инструментов блока.
  3. Выберите опцию «Разгруппировать».
Опция разгруппировки блока строки.

Copied to clipboard!