En este tutorial, aprenderás a crear un carrusel de videos cortos de YouTube. Lo haremos con Swiper y el constructor visual de Divi, sin plugins.
Prácticamente todos los días recibo ejemplos de funcionalidades web por parte de ustedes, funcionalidades que podemos replicar para algún tutorial de la Academia OV DIVI. Así es como nació este más reciente tutorial: me hicieron llegar un portal web que implementaba un carrusel de videos cortos de YouTube, y me pareció muy interesante poder replicar algo parecido con WordPress y Divi.
En este ejercicio, construiremos un carrusel slider con diapositivas verticales y desplazamiento horizontal. Estas diapositivas serán las carátulas de los videos, que incluirán un título, una imagen de fondo y un botón de reproducción. Al hacer clic en cada card (diapositiva), se desplegará un popup con el shortcode incrustado, también en formato vertical, tal como si fuera una historia de Instagram, un short de YouTube o un TikTok.
Además, podremos navegar entre los videos cortos con las flechas de navegación que contiene el popup. Incluso, se puede usar las teclas de atrás y siguiente del teclado, y también es funcional la tecla ESC para salir del popup.
No he encontrado un ejercicio parecido en internet. Busqué si existía un plugin o un tutorial en inglés para realizar un carrusel de videos cortos para Divi y WordPress, pero no encontré nada. Por lo tanto, decidí crearlo y compartirlo con todos ustedes.
El tutorial ya se encuentra disponible en los Tutoriales Exclusivos de la Academia OV DIVI. No esperes más y accede para verlo.
0 comentarios