<b>Gutenberg ломается не там, где блоки, а там, где вы не проверили шаблон и стили</b>

<b>Gutenberg ломается не там, где блоки, а там, где вы не проверили шаблон и стили</b>

Если собирать страницу в Gutenberg как «просто контент», потом почти всегда всплывают одинаковые проблемы: разъезжаются отступы, блоки ведут себя по-разному в шаблонах, а в редакторе и на фронте получается две разные верстки.

Первое правило: проверяйте не отдельный блок, а связку <code>template + theme.json + styles.css</code>. Один и тот же блок может выглядеть нормально в редакторе и сломаться на лендинге из-за контейнера, ширины контента или наследуемых стилей темы.

Второе: не перегружайте страницу десятком уникальных блоков без системы. Лучше собрать набор повторяемых паттернов — заголовок, hero, карточка, CTA, FAQ — и использовать их как заготовки. Так проще держать скорость, поддержку и не плодить визуальный мусор.

Третье: кастомные стили для блоков должны быть минимальными и предсказуемыми. Если каждый второй элемент получает ручной margin/padding, дальше любая правка превращается в поиск по всему проекту.

И отдельно про арбитражные лендинги: Gutenberg хорош там, где нужна быстрая сборка и простая поддержка, но плох там, где дизайн живет на десятках точечных исключений.

Сначала стройте систему блоков, потом — страницу. Иначе редактирование будет дороже самой верстки.