Bienvenidos a la quinta clase del curso de Page Builder, dónde aprendemos a crear, diseñar y maquetar el contenido que creamos con WordPress.
En la lección de hoy veremos el uso del widget "Hero", que es una mezcla de slider (carrusel de fotos) y CTA (Llamada a la acción). ¡Muy interesante!
5 - Widgets Hero de Page Builder
El slider clásico es un conjunto de imágenes que van alternándose en un mismo espacio. El CTA (Llamada a la acción) clásica es un texto con un botón. Vamos a combinar ambas técnicas de una forma inteligente, para usar lo mejor de cada una, en un único widget: El hero.
Como podéis ver, manteniendo los mismos elementos de contenido, CTA y botones, podemos jugar con varias imágenes que le den vida a la web, sin ocultar esas llamadas en frames demasiado "lejanos". Ya habéis visto que le podemos dar un aspecto más dinámico con una transición más rápida y un timeout más corto, o un aspecto más "zen" y de tranquilidad con un timeout y tiempo de transición de 8000 milisegundos, que genera un efecto totalmente distinto.
Eso si: Ojo con el tamaño de las imágenes. Pensad que cada una de ellas ocupa bastante, especialmente si son de alta resolución. O sea que aseguraros de optimizarlas como os comento en el material complementario que os dejo debajo del vídeo.
En fin, pues esto es todo por hoy. Ya podéis empezar a jugar con vuestro "hero". Para cualquier duda, idea o sugerencia, tenéis el apartado de soporte de la Intranet. ¡Soy todo oídos! :)
Todos los capítulos de este curso:
- Curso de Page builder #1: Introducción al editor visual
- Curso de Page builder #2: Widgets de WordPress y configuración
- Curso de Page builder #3: Widgets de Page Builder
- Curso de Page builder #4: Botones y llamada a la acción
- Curso de Page builder #5: Hero
- Curso de Page builder #6: Construyendo una home con destacados
- Curso de Page builder #7: Elementos multimedia
- Curso de Page builder #8: Imágenes
- Curso de Page builder #9: Página de precios
- Curso de Page builder #10: Página de contacto