Introducción Este tutorial explica, con todo lujo de detalles, cómo usar Vite para desarrollar bloques (Gutenberg) y gestionar assets en WordPress. Cubre la configuración del entorno, la integración con el servidor de desarrollo de Vite (HMR), la generación de builds optimizados y la forma correcta de encolar scripts y estilos desde PHP usando el manifiesto […]
Introducción Este artículo explica, con todo lujo de detalles, cómo empaquetar bloques de Gutenberg para WordPress usando Webpack y @wordpress/scripts. Cubriré desde la configuración mínima hasta técnicas avanzadas: entradas múltiples, optimización, manejo de estilos, externals, integración con block.json y registro en PHP. Los fragmentos de código se incluyen tal como pides, usando la etiqueta específica […]
Este artículo explica en detalle cómo encolar scripts ES Modules en WordPress y cómo aprovechar el import dinámico para carga condicional, code-splitting y optimización. Incluye ejemplos prácticos (PHP y JavaScript), consideraciones sobre atributos type=module, nomodule, CORS, y buenas prácticas de versionado y localización de datos para usar desde los módulos. Conceptos clave ES Modules: scripts […]
Introducción Este artículo explica, paso a paso y con ejemplos prácticos, cómo exponer el nonce de la REST API en el ltheadgt de una página de WordPress utilizando wp_localize_script. Verás por qué y cuándo hacerlo, la forma correcta de implementarlo en un tema o plugin, cómo consumirlo desde JavaScript (fetch/REST), y las consideraciones de seguridad […]
Introducción: este artículo explica, con todo lujo de detalles, cómo convertir un sitio WordPress en una Progressive Web App (PWA) usando un manifest.json y un Service Worker para modo offline. Incluye ejemplos de código listos para copiar, pasos para integrar en un theme o plugin, estrategias de caché, manejo de contenido dinámico (REST API), manejo […]
Introducción Este artículo explica paso a paso cómo añadir un service worker básico utilizando Workbox en un sitio WordPress. Cubre desde una implementación rápida con el CDN de Workbox hasta una integración más robusta con build usando workbox-build, además de cómo servir el archivo desde la raíz del sitio (requisito para mayoría de los casos) […]
Introducción: qué es CSS crítico y por qué extraerlo El CSS crítico (critical CSS) son las reglas CSS necesarias para renderizar el above-the-fold de una página —es decir, lo que el usuario ve inmediatamente sin hacer scroll—. Inyectar ese CSS inline en el head reduce el render-blocking y mejora métricas como First Contentful Paint (FCP) […]
Introducción: ¿qué es Heartbeat y por qué controlarlo? El Heartbeat API de WordPress es un mecanismo que permite a WordPress y a plugins comunicarse periódicamente entre el navegador y el servidor mediante llamadas AJAX (admin-ajax.php). Se usa para funcionalidades como autosave, bloqueo de edición (post locking), notificaciones en tiempo real, y sincronización de datos en […]
Introducción Este artículo explica con todo detalle cómo mapear dominios en una instalación WordPress Multisite usando sunrise.php. Cubriremos la teoría, los requisitos, la configuración de DNS y servidor, la activación de SUNRISE en wp-config.php, varios ejemplos prácticos (estáticos y dinámicos) y recomendaciones para HTTPS, cookies y resolución de problemas. Todos los fragmentos de código se […]
Introducción: ¿qué es un Multisitio de WordPress y por qué usarlo? WordPress Multisitio (Multisite) es una capa de funcionalidad nativa que permite ejecutar múltiples sitios web desde una sola instalación de WordPress y una única base de datos con tablas separadas por site. Es ideal para redes de blogs, franquicias, intranets, universidades o empresas con […]
