Componente Hero
El componente Hero es una imagen que ocupa todo el ancho de tu sitio, a la que también le puedes agregar un texto
Cómo crear un componente Hero
Para crear un componente Hero, debes:
Paso 1: Ingresa al Admin de tu página. En el panel izquierdo, debes ir a "Pagina Web" y luego "Paginas"
Paso 2: En la sección "Componentes" haz click en "Crear componente", luego en "Tipo" selecciona el componente Hero. (Verás los componentes ya creados a la izquierda).
Paso 3: En Imagen de fondo debes subir el archivo de imagen para tu Hero (No hay una medida ideal para el componente Hero, solo fíjate que sea una imagen amplia).
Paso 4: Si deseas agregarle un texto, escríbelo en la casilla Título.
El Nivel de opacidad permite darle transparencia al texto:
- Ninguno: Texto completamente sólido, sin transparencia
- Bajo: Leve transparencia
- Medio: Semi transparente
- Alto: Muy transparente
En Color de texto elige el color que quieres para las letras. Trata de que se vean con facilidad en comparación a la imagen de fondo. (Si sólo deseas la imagen sin texto, omite este paso)
Paso 5: La casilla Agregar efecto parallax habilita un efecto para el Hero, que genera una sensación de profundidad cuando un visitante haga scroll o "baje" en tu sitio web. ¡Es muy interesante! Pruébalo, y si no te convence solo desactívalo.✨
Paso 6: Cuando hayas terminado, dale click a Guardar ¡y eso es todo!
El componente Hero se añadirá a la lista de componentes a la izquierda. Puedes reordenarlos arrastrando cada tarjeta hacia la posición que deseas.
Un consejo justo 🤩: El botón Previsualizar te permite ver cómo quedará cualquier componente. ¡Dale click y haz todas las pruebas que necesites!