Разработка кастомных React-блоков Gutenberg по макету Figma + установка на WordPress

Цель:
Перенести готовый макет сайта из Figma в виде кастомных блоков Gutenberg на WordPress, с возможностью визуального редактирования всех секций без кода

Что нужно сделать:
1. Верстка по макету Figma

— Сделать адаптивную верстку (desktop, tablet, mobile)

— Применить современные подходы (fluid, clamp, container queries, grid/flex)

— Поведение и состояния по макету (hover, focus, empty)
2. Создание кастомных React-блоков Gutenberg

— Использовать @wordpress/create-block и @wordpress/scripts

— Создать блоки как самостоятельный плагин

— Прописать block.json, edit.js, save.js или render.php

— Поддержка редактора (InspectorControls, переменные, цвета, spacing)
3. Сборка и оптимизация

— Сборка production-бандлов (npm run build)

— Оптимизация скриптов, ленивое подключение, минимизация

— Поддержка theme.json и Global Styles
4. Установка на сервер WordPress

— Загрузка плагина через админку или по FTP

— Активация и тестирование

— Проверка редактируемости блоков и отображения на фронте

На выходе:
* Рабочий плагин axon-blocks.zip с блоками по макету
* Подключённые блоки в редакторе WordPress
* Проверка адаптации, производительности и редактируемости