<b>Gutenberg ломает не сайт, а привычку собирать страницы «на глаз»</b>

<b>Gutenberg ломает не сайт, а привычку собирать страницы «на глаз»</b>

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

— Не смешивай в одном шаблоне два источника стилей для заголовков и кнопок: потом сложно понять, кто переопределил отступы.
— Держи структуру через блоки-группы и паттерны, а не через десятки отдельных элементов.
— Для арбитражных лендингов отдельно тестируй первый экран: там чаще всего всплывают лишние margin, скачки высоты и разъезд CTA.
— Если нужен повторяемый макет, делай его как паттерн, а не как набор «ручных» блоков.

Есть наблюдение которое стоит проверить: чем меньше кастомного CSS поверх Gutenberg, тем проще масштабировать страницу на десятки клонов без сюрпризов. Это особенно заметно, когда проект живёт не один месяц и его правят разные люди.

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