🔷 Блок: Columns / Колонки

📌 Что это

Columns — это блок Gutenberg для размещения контента в колонках.

Например:

две колонки: текст слева, картинка справа;
три колонки с преимуществами;
колонки с услугами;
сравнение тарифов;
карточки товаров;
блок “до / после”;
блок с иконками и описаниями.

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

Например:

текст;
изображение;
заголовок;
кнопку;
список;
видео;
иконку;
группу блоков.

⚙️ Функции

Блок позволяет:

создать layout из нескольких колонок;
выбрать готовую структуру, например 50/50 или 33/33/33;
добавлять и удалять колонки;
изменять количество колонок;
добавлять внутрь колонок другие блоки;
настраивать ширину отдельных колонок;
выравнивать весь блок по ширине;
использовать wide width / full width, если тема поддерживает;
выравнивать содержимое колонок по вертикали;
менять фон, цвет текста и ссылок;
настраивать типографику;
настраивать padding / внутренние отступы;
настраивать margin / внешние отступы;
настраивать расстояние между колонками;
добавлять рамку и скругление;
добавлять CSS-класс в Advanced.

В официальной документации WordPress указано, что Columns позволяет вставлять текст, медиа и другие типы контента в колонки. Рекомендуемый предел — до 6 колонок.

🎯 Зачем нужен

Чтобы удобно разделить контент на несколько частей.

Например:

слева текст, справа картинка;
слева описание, справа кнопка;
три карточки преимуществ в один ряд;
несколько услуг рядом;
сравнение двух вариантов;
блок “проблема / решение”;
контактная информация в одной колонке, карта — в другой.

Columns помогает сделать страницу не просто длинной сверху вниз, а более аккуратной и визуально организованной.

📍 Где используется чаще всего

главная страница;
лендинги;
страницы услуг;
страницы товаров;
портфолио;
блоки преимуществ;
тарифы;
контактные страницы;
страницы “О нас”;
обучающие страницы;
промо-блоки.

⚠️ Важно

Columns — это не просто “текст в несколько рядов”.
Это полноценный контейнер, внутри которого каждая колонка может содержать разные блоки.

Пример:

Columns
 ├─ Column
 │   ├─ Heading
 │   ├─ Paragraph
 │   └─ Button
 │
 └─ Column
     └─ Image

То есть можно сделать классическую секцию:

слева — заголовок, текст и кнопка;
справа — изображение.

⚠️ Columns и Column

Есть общий блок Columns.
Внутри него находятся отдельные блоки Column.

Простыми словами:

Columns — весь набор колонок.
Column — одна отдельная колонка внутри.

Например:

Columns
 ├─ Column 1
 ├─ Column 2
 └─ Column 3

Когда ты кликаешь на весь блок — настраиваешь общую структуру.
Когда кликаешь на отдельную колонку — настраиваешь только эту колонку.

⚠️ Количество колонок

Не стоит делать слишком много колонок.

WordPress позволяет использовать до 6 колонок, но на практике чаще всего используют:

2 колонки;
3 колонки;
4 колонки.

6 колонок часто уже слишком мелко, особенно на ноутбуке или планшете.

⚠️ Мобильная версия

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

Например, на компьютере:

[Колонка 1] [Колонка 2] [Колонка 3]

На телефоне:

[Колонка 1]
[Колонка 2]
[Колонка 3]

Это нормально. Так сайт становится удобнее для чтения на маленьком экране.

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

Например:

текст → картинка
картинка → текст

На телефоне это может выглядеть иначе, чем ты ожидаешь.

⚠️ Columns или Group?

Group — это один общий контейнер.
Columns — это контейнер с несколькими вертикальными частями.

Если нужно просто объединить блоки в одну секцию — используй Group.

Если нужно разделить секцию на левую и правую часть — используй Columns.

Пример:

Group
 └─ Columns
     ├─ Column: текст
     └─ Column: изображение

Это очень частая структура для секций сайта.

⚠️ Тема может влиять

Внешний вид Columns может зависеть от темы.

Тема может влиять на:

ширину колонок;
расстояние между колонками;
wide/full width;
доступные настройки отступов;
цвета;
рамки;
скругления;
поведение на мобильной версии.

Если какой-то настройки нет, это не обязательно ошибка. Возможно, тема её не поддерживает.

🧠 Простыми словами

Columns — это блок для создания колонок.

Он нужен, когда ты хочешь поставить контент рядом:

текст + картинка;
три преимущества;
несколько услуг;
сравнение двух вариантов.

Для обычной секции — Group.
Для секции, разделённой на части — Columns.