🔷 Блок: Separator / Разделитель
📌 Что это
Separator — это блок Gutenberg для добавления горизонтальной линии-разделителя между частями страницы.
Например:
между двумя секциями;
между заголовком и текстом;
между разными блоками контента;
между карточками;
между смысловыми частями статьи.
На странице появляется простая линия, которая визуально отделяет один блок от другого.
⚙️ Функции
Блок позволяет:
добавить горизонтальную линию;
разделить контент на смысловые части;
выбрать стиль линии, если тема поддерживает;
изменить цвет линии, если настройка доступна;
настроить ширину;
настроить отступы сверху и снизу;
использовать wide width / full width, если тема поддерживает;
добавлять CSS-класс в Advanced.
🎯 Зачем нужен
Чтобы визуально отделить одну часть страницы от другой.
Например:
Заголовок секции
Текст секции
────────────
Следующая секцияSeparator помогает сделать страницу более понятной и не превращать её в сплошной поток текста.
📍 Где используется чаще всего
блоговые статьи;
длинные страницы;
лендинги;
страницы услуг;
инструкции;
документация;
FAQ;
портфолио;
страницы “О нас”;
контактные страницы.
⚠️ Важно
Separator — это визуальный разделитель, а не полноценная секция.
Он не содержит контент, как Group.
Он не создаёт пустое пространство, как Spacer.
Он просто ставит линию между блоками.
Простыми словами:
Separator = линия-разделитель⚠️ Separator или Spacer?
Они похожи, потому что оба помогают разделять контент.
Но делают это по-разному.
Separator добавляет видимую линию:
────────────Spacer добавляет пустое пространство:
[пустое место]То есть:
Separator = разделение линией
Spacer = разделение воздухом⚠️ Не злоупотребляй Separator
Не стоит ставить линию после каждого блока.
Плохо:
Заголовок
────────
Текст
────────
Картинка
────────
Кнопка
────────Так страница становится перегруженной.
Лучше использовать Separator только там, где нужно явно разделить смысловые части.
⚠️ Стили Separator
В зависимости от темы могут быть разные стили:
обычная тонкая линия;
широкая линия;
короткая линия по центру;
точки;
декоративный разделитель.
Но не все темы дают одинаковые варианты.
⚠️ Тема может влиять
Внешний вид Separator сильно зависит от темы.
Тема может влиять на:
толщину линии;
цвет;
ширину;
отступы;
стили;
wide/full width;
поведение в редакторе и на сайте.
Если у тебя мало настроек у Separator, это нормально. Возможно, текущая тема просто не даёт больше вариантов.
🧠 Простыми словами
Separator — это горизонтальная линия для разделения контента.
Если нужно визуально показать: “здесь закончился один смысловой блок и начинается другой” — используй Separator.
Если нужна не линия, а просто расстояние — используй Spacer.