Introducción En este tutorial aprenderás cómo filtrar los bloques disponibles en el editor de WordPress (Gutenberg) según el rol del usuario usando PHP. Veremos las funciones y filtros adecuados, ejemplos prácticos para distintos roles y contextos (por tipo de entrada, por capacidad), buenas prácticas, problemas comunes y cómo probar las reglas. Conceptos clave Filtro principal: […]
Introducción Este tutorial explica, paso a paso y con todo lujo de detalles, cómo crear un bloque de Gutenberg que permita subir o seleccionar archivos y guardarlos en la Biblioteca de Medios de WordPress usando JavaScript (React APIs de WP). Incluye ejemplos de código listos para usar: el PHP necesario para registrar y encolar los […]
Introducción Este artículo explica, con todo lujo de detalles, cómo añadir una toolbar personalizada a un bloque de Gutenberg en WordPress usando JavaScript. Cubre desde la estructura mínima del bloque hasta variantes avanzadas (botones, grupos, dropdowns, y cómo inyectar la toolbar en bloques existentes). Incluye ejemplos completos listos para pegar en tu proyecto. Requisitos previos […]
Introducción Este artículo muestra paso a paso cómo crear un panel de ajustes global para WordPress usando la Data API de JavaScript (wp.data). El objetivo es ofrecer una solución moderna y reactiva que almacene la configuración en el servidor mediante REST y que use un store personalizado para integrarse con el ecosistema de Gutenberg y […]
Introducción: qué cubre este artículo Este artículo explica con todo lujo de detalles cómo registrar estilos de bloque para el editor (Gutenberg) y para el frontend en WordPress, mediante PHP y mediante JavaScript. Incluye métodos modernos (block.json y register_block_type_from_metadata), ejemplos de plugin y tema, buenas prácticas sobre dependencias y versionado, y solución para bloques dinámicos. […]
Introducción Este artículo explica paso a paso cómo crear un bloque personalizado para WordPress usando InnerBlocks y controles personalizados en JavaScript. Cubriremos la estructura del proyecto, el registro del bloque, el desarrollo del componente de edición con InnerBlocks, controles en la barra lateral (InspectorControls) y la renderización de la salida con InnerBlocks.Content. También incluimos ejemplos […]
Introducción Un bloque renderizado en servidor (server-rendered block) en WordPress es un bloque cuyo marcado HTML final se genera en PHP cuando se carga la página o se obtiene el contenido, en lugar de generarlo totalmente en el editor con JavaScript. Esto permite combinar datos dinámicos del servidor, ejecutar lógica compleja, aplicar sanitización estricta y […]
Introducción Este artículo ofrece un tutorial completo para WordPress sobre cómo escuchar eventos del editor y validar contenido usando JavaScript. Cubre tanto el editor clásico (TinyMCE) como el editor de bloques (Gutenberg), muestra ejemplos prácticos para detectar cambios, validar reglas (conteo de palabras, estructura de bloques, presencia de atributos, etc.), bloquear el guardado/publicación cuando la […]
Introducción: ¿Qué es SlotFill y por qué usarlo en el editor de WordPress? SlotFill es un patrón de diseño utilizado en Gutenberg (el editor de bloques de WordPress) que permite definir lugares (Slots) donde otros módulos o plugins pueden inyectar contenido (Fills) de forma desacoplada. Es extremadamente útil para extender la interfaz del editor sin […]
Introducción En Gutenberg y en cualquier desarrollo con bloques para WordPress moderno, la librería wp.data es la forma recomendada para leer estado (select) y disparar acciones (dispatch) en los distintos stores del editor. Este artículo explica con todo detalle cómo consumir wp.data —tanto mediante las APIs React hooks (useSelect / useDispatch) como mediante la API […]
