Caso de estudio · Plugin WordPress
WPilot Web Kit, cinco módulos de WordPress en un plugin
Botón de WhatsApp, modo mantenimiento, página 404, biblioteca de medios con carpetas y consentimiento de cookies. Son cinco cosas que casi todas las webs de clientes necesitan y que normalmente se resuelven con cinco plugins distintos.
Mi papel
Diseño, desarrollo y mantenimiento
Estado
Versión 1.0.0 · 13 versiones publicadas
Tipo
Plugin modular, compatible con WPML y Polylang
Stack
PHP 8.0–8.3 · JavaScript ES2022 sin compilación · Playwright
Cada plugin extra en una web de cliente es más código cargado en cada página, otra licencia que renovar y otra actualización que puede romper algo. Para cosas tan comunes como un botón de WhatsApp o una página 404, la mayoría de plugins cargan mucho más de lo que hace falta.
Web Kit reúne esos cinco módulos en un plugin que solo carga lo que se activa.
02 · Lo que hice
Los cinco módulos
Cada módulo declara sus requisitos. Si uno no puede cargarse, los demás siguen funcionando.
Botón de WhatsApp
Sin JavaScript y con unos 2 KB de CSS. Hasta 50 reglas de visibilidad compatibles con la caché.
Modo mantenimiento
Devuelve un 503 con Retry-After para no perder posiciones, enlaces de acceso con caducidad para el cliente, 3 temas y purga de caché de LiteSpeed, WP Rocket y W3TC.
Página 404
3 diseños. Mantiene el estado 404 real y el noindex.
Biblioteca de medios
Carpetas con arrastrar y soltar, deshacer y atajos de teclado. Saneador de SVG, importador desde FileBird y un lightbox accesible de menos de 6 KB.
Consentimiento de cookies
Cumple el RGPD y la guía de la AEPD, con Google Consent Mode v2. Resuelve el límite de 7 días que Safari pone a las cookies creadas con JavaScript.
03 · Capturas
Capturas de las pruebas automáticas
Las pruebas de Playwright generan unas 60 capturas de los módulos. Estas son tres.
Modo mantenimiento, tema Neón.
Página 404, diseño Aurora.
Aviso de cookies en formato modal.
04 · En cifras
En cifras
Se prueba con Docker y WP-CLI, pruebas de navegador con Playwright y tests de Node.
192
commits
13
versiones publicadas
~2 KB
de CSS en el botón de WhatsApp, sin JavaScript
<6 KB
el lightbox accesible de la biblioteca
Siguiente caso
WPilot h2w →
Los plugins que convierten un diseño en HTML en una web editable con Beaver Builder o Elementor.