Hero: construir una sección de apertura
Objetivo: dar a una página una apertura de verdad en vez de empezar en frío con un encabezado.
Tiempo: 4 minutos
Necesita: una página y, a poder ser, una imagen ancha en la biblioteca de medios
Pasos
- En el slot Main, seleccione Add Block y elija Hero.
- Rellene los textos: Eyebrow / Label es la línea pequeña sobre el título, Title es el titular y Subtitle / Intro es la frase de debajo.
- Añada hasta dos acciones: Primary CTA Label y Primary CTA URL, y luego el par secundario si lo necesita.
- Elija una imagen de fondo si la tiene, y ajuste Background Position y Overlay para que el texto siga legible.
- Elija una Variant (default, muted, accent, soft) y un Layout (left, centered, split).
- Ponga Title Tag en
h1cuando el Hero lleve el encabezado principal de la página, que suele ser el sentido de un Hero. - Seleccione Save New Block.
Notas
- Un Hero por página, arriba del todo. Un segundo Hero a media página es un bloque CTA disfrazado.
- Los botones CTA forman parte del Hero, no son bloques aparte que usted añade. Rellenar una etiqueta y una URL los crea; vaciar ambas los quita.
- Overlay existe para que el texto sobreviva a una fotografía recargada. Si el título cuesta leerlo, suba el overlay antes de salir a buscar otra imagen.
- Ponga Title Tag en
h2si la página ya tiene un h1 en otro sitio. Dos elementos h1 en una página son un error de estructura, no una decisión de estilo.