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

  1. En el slot Main, seleccione Add Block y elija Hero.
  2. 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.
  3. Añada hasta dos acciones: Primary CTA Label y Primary CTA URL, y luego el par secundario si lo necesita.
  4. Elija una imagen de fondo si la tiene, y ajuste Background Position y Overlay para que el texto siga legible.
  5. Elija una Variant (default, muted, accent, soft) y un Layout (left, centered, split).
  6. Ponga Title Tag en h1 cuando el Hero lleve el encabezado principal de la página, que suele ser el sentido de un Hero.
  7. Seleccione Save New Block.
Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.
Public page showing a centred hero with a title, intro sentence, and two buttons.

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 h2 si 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.
Siguiente: botones y CTA