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

Блок колонок

Блок «Столбцы» позволяет вставлять текст, медиафайлы и любое прочее содержимое в столбцы (до шести столбцов). Несколько колонок подряд позволяют создать сетку.

Обучающее видео

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

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

💡

Можно набрать /columns в новой строке и нажать Enter, чтобы быстро добавить новый блок «Столбцы».

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

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

Блок «Столбцы» — число столбцов
Выбор начального варианта для столбцов

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

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

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

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

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

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

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

Настройки блока доступны на боковой панели справа.
Щёлкните значок ⚙️ для доступа к настройкам блока.

Блок «Столбцы» содержит два уровня настроек, содержимое которых зависит от выбранного варианта:

Если вам сложно выбрать нужный столбец, ознакомьтесь с разделом Выбор блока «Столбцы».

Общие настройки столбцов

Эти настройки применяются ко всем столбцам:

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

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

Цвет. Эти настройки позволяют установить цвет текста и фона для всех столбцов в блоке «Столбцы».

Блок «Столбцы» — настройки цвета
Выбор цвета столбцов

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

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

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

В то же время отступ может иметь разные значения для каждой из сторон. Рисунки показаны по часовой стрелке: вверху -> справа -> внизу -> слева. Чтобы получить доступ к этому представлению, щелкните синий значок ссылки, показанный на предыдущем изображении.

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

Эти настройки влияют только на один столбец:

Ширина. Задает ширину в пикселях для отдельного выбранного столбца. Значение для столбца можно изменить, чтобы сделать столбец более широким или узким. Столбцы могут иметь разные значения.

Цвет. Эти настройки позволяют установить цвет текста и фона для отдельного столбца.

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

Дополнительно

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

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

Выбор блока «Столбцы»

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

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

Использование представления в виде списка

Представление в виде списка позволяет увидеть иерархию блоков и выбрать нужный блок.

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

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

Подробнее о выборе блоков.

Преобразование нескольких блоков в столбцы

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

  1. Щелкните и перетащите курсор мыши, чтобы выбрать все блоки, которые нужно преобразовать в столбцы.
  2. Щелкните значок блока рядом с левой стороной панели инструментов блока.
  3. Щелкните «Столбцы» в разделе списка «Преобразовать».
Преобразование нескольких блоков в столбцы

Каждый выбранный блок будет преобразован в свои собственные столбцы. Количество столбцов будет совпадать с количеством блоков, выбранных перед преобразованием. Можно выбрать от двух до шести блоков.

Copied to clipboard!