🔷 Блок: Group / Группа

📌 Что это

Group — это блок Gutenberg для объединения нескольких блоков в один общий контейнер.

Например:

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

Все эти элементы можно поместить внутрь Group и управлять ими как одной общей секцией.

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

Group = коробка для других блоков.

⚙️ Функции

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

объединять несколько блоков вместе;
создавать отдельные секции страницы;
добавлять внутрь любые другие блоки;
задавать общий фон для группы;
менять цвет текста внутри группы;
настраивать padding / внутренние отступы;
настраивать margin / внешние отступы;
добавлять border / рамку;
добавлять border radius / скругление углов;
настраивать ширину блока;
использовать wide width / full width, если тема поддерживает;
выравнивать содержимое;
превращать Group в Row или Stack, если такая опция доступна;
добавлять CSS-класс в Advanced.

🎯 Зачем нужен

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

Например:

сделать hero-секцию;
объединить заголовок, текст и кнопку;
создать карточку услуги;
сделать блок с преимуществами;
создать секцию с фоном;
собрать CTA-блок;
сгруппировать контент для удобного редактирования.

Без Group каждый блок живёт отдельно.
С Group несколько блоков становятся одной логической частью страницы.

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

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

⚠️ Важно

Group — один из самых важных блоков Gutenberg.

Он нужен не для конкретного контента, а для структуры страницы.

Пример:

Group
 ├─ Heading
 ├─ Paragraph
 └─ Buttons

Это уже не просто три отдельных блока, а одна секция.

Например:

Group: Hero section
 ├─ Heading: Создаём сайты на WordPress
 ├─ Paragraph: Помогаем бизнесу запускать современные сайты
 └─ Button: Обсудить проект

⚠️ Group как секция

Очень часто Group используют как секцию с фоном.

Например:

Group
 ├─ background: light gray
 ├─ padding top: 80px
 ├─ padding bottom: 80px
 └─ content inside

Так можно отделить один смысловой блок страницы от другого.

Например:

белая секция;
серая секция;
цветная CTA-секция;
тёмная секция;
блок с карточками.

⚠️ Group внутри Group

Можно вкладывать одну Group внутрь другой.

Например:

Group: секция с фоном
 └─ Group: внутренний контейнер
     ├─ Heading
     ├─ Paragraph
     └─ Buttons

Это полезно, когда внешняя Group отвечает за фон на всю ширину, а внутренняя Group ограничивает ширину контента.

Пример логики:

Внешняя Group = фон на всю ширину экрана
Внутренняя Group = аккуратная ширина контента по центру

Это очень частый принцип в вёрстке сайтов.

⚠️ Group или Columns?

Group — объединяет блоки в одну секцию.
Columns — делит секцию на несколько колонок.

Например:

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

То есть часто они работают вместе:

Group создаёт секцию.
Columns делит содержимое секции на части.

⚠️ Group, Row и Stack

В Gutenberg есть близкие блоки:

Group — общий контейнер;
Row — элементы внутри идут горизонтально;
Stack — элементы внутри идут вертикально.

Иногда при создании Group WordPress предлагает выбрать layout:

Group;
Row;
Stack;
Grid.

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

Group = универсальный контейнер
Row = элементы в ряд
Stack = элементы друг под другом
Grid = элементы в сетке

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

Возможности Group сильно зависят от темы.

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

wide width;
full width;
доступные цвета;
настройки отступов;
размеры контейнера;
типографику;
рамки;
скругления;
тени;
layout-настройки.

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

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

Group — это коробка для других блоков.

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

Если хочешь сделать аккуратный блок страницы с фоном, отступами и несколькими элементами внутри — используй Group.