Редактор Gutenberg и блоки
Редактор Gutenberg и блоки
@gutenberg_blocks_hub_ww

Кастомный блок в Gutenberg: как не превратить его в хрупкий ком из кода

Кастомный блок нужен не ради «уникальности», а чтобы упростить повторяющийся контент: карточки, CTA, отзывы, сложные обложки. Если блок нельзя собрать из обычных блоков за 2–3 клика, тогда есть смысл делать свой.

Перед разработкой опишите поведение блока в 4 пунктах: какие поля нужны, что редактируется в сайдбаре, как выглядит пустое состояние, что будет при неверных данных. Это экономит время сильнее, чем любой рефакторинг. Еще полезно заранее решить, где хранить логику: в разметке, в атрибутах или через серверный рендер.

Хороший кастомный блок:
— сохраняет контент в понятном формате;
— не ломается, если часть полей пустая;
— использует стандартные компоненты редактора;
— имеет предсказуемую структуру HTML. ⚙️

Главная ошибка — тащить в блок всё подряд: сложные настройки, лишние варианты, магию в JavaScript и полную зависимость от одной темы. Чем проще интерфейс редактирования и стабильнее markup, тем меньше сюрпризов при переносе сайта.

Если блок нужен для одного повторяющегося сценария, делайте его узким, прозрачным и с минимальным числом настроек — так он переживет и редизайн, и смену контента без переделки.
Этот пост опубликован в Telegram-канале Редактор Gutenberg и блоки. Подписаться можно по ссылке: @gutenberg_blocks_hub_ww.
tech

Свежие посты в категории «Сервисы и инфраструктура»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.