Imagen cabecera
Aunque podremos elegir el orden en que presentamos las secciones de nuestra web, una buena estrategia es que en la primera parte utilicemos una imagen llamativa o un carrusel, que capte la atención de los usuarios y despierte el interés por saber un poco más y explorar el resto de contenidos.
El componente Imagen de cabecera, ofrece la posibilidad de añadir otros componentes con este propósito, entre los que están:
- Imagen reutilizable
- Video Externo
- Tïtulo principal (Componente título principal)
- Texto secundario (Componente Párrafo)
- Efectos visuales
- Bordes
- Enlaces (Componente Icono simple, Botón Contacta, Botón Personalizable y Botón Descargar)
Al acceder al interior de la edición para el componente Imagen Cabecera, encontraremos varias pestañas correspondientes con cada uno de los componentes y otras opciones disponibles.
Si desplegamos la pestaña de la Imagen encontraremos tres partes, que son el botón que nos permite cargar una imagen nueva o eliminar la existente, los efectos disponibles para aplicar a la imagen una vez cargada y por último, otra pestaña con las opciones adicionales para la misma imagen.
Al desplegar la pestaña de opciones adicionales dentro de la pestaña Imagen, podremos añadir los márgenes superior e inferior, aplicar un efecto sombra a la imagen y elegir entre varios efectos de animación
Si nos movemos a la pestaña video, podremos añadir la url de un video en formato mp4 alojado en cualquier lugar, que se reproducirá automáticamente como fondo del bloque en lugar de una imagen o en su lugar, cargar un archivo de video con un tamaño máximo de 512 MB con el mismo comportamiento.
Desde la pestaña Título, podremos agregar el componente Título principal con todas sus características. Puedes encontrar todos los detalles en su propio video tutorial.
La pestaña subtítulo nos ofrece la posibilidad de añadir el componente Párrafo con todas sus opciones. Puedes consultarlo en detalle en su propio video tutorial.
A diferencia de las dos pestañas anteriores, desde aquí podremos elegir entre cuatro componentes distintos para acompañar al resto de componentes dentro de la imagen cabecera. Específicamente, tenemos disponibles los componentes:
- Botón personalizado
- Botón descarga
- Botón contacta
- Icono simple
- Podcast
- Enlace único
La última de las pestañas disponibles en la edición del componente Imagen Cabecera, es la que contiene las configuraciones relacionadas con el borde que podremos aplicar a la imagen. Una vez en su interior, descubriremos que está dividida en una primera parte para definir la únidad de medida que utilizaremos y el resto en tres pestañas con sus respectivas configuraciones adicionales.
Si desplegamos la pestaña Estilos del borde, entre diferentes alternativas de estilo y el color que queremos aplicar al borde una vez completado el resto de configuraciones.
Otra de las opciones adicionales del borde en el componente Imagen de cabecera, es la de escoger entre un mismo borde aplicado alrededor de toda la imagen o por separado según su ubicación.
La última de las personalizaciones del borde, corresponde con su curvatura, que al igual que en la anterior pestaña, podremos escoger entre una curvatura alrededor de toda la imagen o por separado.