WordPress • Sección temática3 escenarios

Gutenberg y Editor de bloques

React 19 en el núcleo de WP, manifiesto block.json v3, filtros y theme.json

Desarrollo moderno de bloques Gutenberg: separación de edit reactivo y save estático, compilación con @wordpress/scripts, hooks de filtros blocks.registerBlockType y ajuste fino de theme.json v3.

React 19block.json v3Filtros de bloquestheme.jsonRichText

Progreso del tema

0%(0 de 3 completado)

+180 XP~75 min

AI-Собеседование по темеОтработка вопросов Senior уровня

Песочница WordPressТестирование кода в браузере WebAssembly

Карта грейдов RoadmapПоложение темы в матрице грейдов

Escenarios prácticos de la sección

3 escenarios disponibles

Nivel de dificultad:

Middle25 min+60 XP

Flujo de Trabajo para Crear Bloques Gutenberg en React desde Cero

Промышленная разработка кастомного блока Gutenberg: спецификация block.json v3, типизированные атрибуты, разделение edit и save, панель InspectorControls, миграции deprecated и ServerSideRender.

WordPress 6.7+React 19TypeScriptblock.json v3@wordpress/scripts

Escenario integralAbrir flujo de trabajo

Senior25 min+60 XP

Flujo de Trabajo para Filtrar y Modificar Bloques Gutenberg mediante Filtros de React

Промышленная модификация блоков ядра Gutenberg: инъекция атрибутов через blocks.registerBlockType, HOC-компоненты editor.BlockEdit, клиентский extraProps и серверная пост-обработка с WP_HTML_Tag_Processor.

WordPress 6.7+React 19TypeScriptGutenberg FiltersWP_HTML_Tag_Processor

Escenario integralAbrir flujo de trabajo

Middle25 min+60 XP

Flujo de Trabajo para Ajustar con Precisión el Editor Gutenberg y Ajustes de Theme JSON

Тонкая настройка блочного редактора: спецификация theme.json v3, отключение произвольных палитр, белые списки блоков allowed_block_types_all, блокировка templateLock и ролевые ограничения.

WordPress 6.7+theme.json v3FSE & HybridDesign TokensPHP 8.2+

Escenario integralAbrir flujo de trabajo