Después de crear mi primer plugin de WordPress, Reseñas de Etchenet para Google Business, Trabajé en un segundo proyecto: Fondo de vídeo desplazable.
Este nuevo complemento se está validando actualmente en WordPress.org. Fue diseñado para permitir la integración de fondos de vídeo controlados por desplazamiento en Gutenberg, con un enfoque limpio y ligero que es compatible con los requisitos del repositorio oficial de WordPress.
Un efecto visual diseñado para sitios web de alta gama.
Fondo de vídeo desplazable Esto permite usar un video como fondo animado, cuyo avance depende del desplazamiento de la página. En lugar de un simple video de reproducción automática, el visitante controla visualmente el progreso del video al desplazarse por la página.
Este tipo de efecto es particularmente adecuado para sitios premium, desde páginas de inicio inmersivas, páginas de destino premium, portafolios, presentaciones de servicios o páginas de narración visual.
Un plugin diseñado para Gutenberg.
El objetivo es ofrecer una solución que pueda utilizarse directamente en el editor de bloques de WordPress. El plugin permite a los usuarios añadir una sección con un fondo de vídeo desplazable, seleccionar un vídeo de la biblioteca multimedia de WordPress y, a continuación, crear contenido de Gutenberg sobre esa sección.
El plugin también proporciona un modo de fondo de vídeo global para toda la página, con el fin de crear una experiencia visual continua en toda la página.
¿Por qué una versión nativa en JavaScript?
Para esta primera versión, elegí un enfoque en JavaScript nativo, sin dependencias externas importantes como GSAP.
Esta elección es importante para la compatibilidad con WordPress.org. Los plugins enviados al repositorio oficial deben cumplir con normas estrictas, especialmente en lo que respecta a bibliotecas externas, dependencias, seguridad, rendimiento y mantenibilidad del código.
El objetivo es, por lo tanto, ofrecer una base limpia, ligera y verificable que sea compatible con los estándares de WordPress, manteniendo al mismo tiempo una representación visual avanzada.
La importancia de la preparación de videos
Para lograr un efecto fluido, el vídeo debe estar bien preparado. Un fondo de vídeo con desplazamiento controlado funciona mejor con vídeos optimizados, ligeros y bien comprimidos, y con fotogramas clave muy próximos entre sí.
La documentación del complemento explica el tipo de vídeo recomendado, los formatos preferidos, las buenas prácticas de compresión y los comandos útiles de FFmpeg para preparar correctamente los archivos de vídeo.
Una herramienta para crear páginas más inmersivas.
La idea detrás de este plugin es hacer accesible un efecto visual que suele estar reservado para desarrollos personalizados o sitios web de muy alta gama.
Se puede utilizar para crear:
- una página de inicio inmersiva; ;
- una página de destino premium; ;
- una presentación de servicio más dinámica; ;
- un portafolio visual; ;
- una página de producto; ;
- una sección de narración de cuentos; ;
- un fondo animado controlado por desplazamiento.
Un proyecto de código abierto
Al igual que mi primer plugin, este proyecto sigue un modelo de código abierto. El plugin se publicará gratuitamente en WordPress.org, con la opción de apoyar su desarrollo, mantenimiento y futuras mejoras mediante donaciones.
Descubre el plugin
La página de descripción general del plugin está disponible aquí:
