El encabezado es la primera pantalla, y a menudo la única que verán algunos. Se ajusta en una pestaña propia, con una vista previa que se actualiza mientras se configura y no después de guardar.
La cabecera, con su vista previa
La pestaña Cabecera de una publicación: una cabecera personalizada se activa con un gesto, y la vista previa muestra el título, el texto, el botón y la imagen tal como aparecerán.
La pestaña del encabezado: tamaño, fondo y difuminado
La altura (incluida «la de la imagen», que nunca recorta nada), la anchura, dentro de la columna o a todo lo ancho, y la alineación vertical del contenido. El fondo es un color, un degradado con su ángulo o una imagen con su oscurecimiento, y un difuminado hacia abajo disuelve el pie de la franja en la página en lugar de acabar en una línea.
El carrusel: una diapositiva tras otra
Añadir una diapositiva convierte el encabezado en un carrusel. La primera conserva el título de la página; las siguientes toman su turno en el mismo lugar, cada una con su fondo, sus textos y botones traducidos y su color de acento. El desplazamiento se ajusta página a página: automático o no, duración de cada diapositiva, pausa al pasar el ratón.
En el sitio: la segunda diapositiva
La misma diapositiva, tal como la ve el visitante en la página de inicio: sus flechas a cada lado, los puntos debajo para ir a otra y un botón para pausar el desplazamiento.
Los encabezados en el teléfono
En el teléfono, el encabezado pasa a una sola columna: primero el título, el texto y el botón, y la imagen debajo. Aquí la página de inicio y su carrusel, una página de formación y un artículo, cuya fecha y autor siguen al encabezado.
El fondo de cada diapositiva
Junto a la vista previa, el panel de la cabecera tiene sus pestañas. Fondo ajusta, para la diapositiva elegida, un color o un degradado, una imagen con su punto de interés y sus versiones para teléfono y tableta, o un vídeo.
El desplazamiento de las diapositivas
La pestaña Desplazamiento decide si las diapositivas pasan solas y cuánto tiempo se queda cada una, si se detienen al pasar el cursor, si hay flechas y puntos, y la transición: fundido o deslizamiento.
También en el encabezado
- Una imagen para ordenador, otra para tableta y otra para teléfono, cada una con su propio punto de encuadre.
- Listones: hasta seis bandas de color inclinadas sobre el fondo, ajustadas en ángulo, grosor, separación y opacidad.
- Textos, imágenes y botones apilados, cada uno con su anchura, su tipografía y sus colores, y palabras del título en color.
- Un logotipo colocado encima del título.
- El diseño se escribe una vez para todos los idiomas; las palabras, en cambio, se escriben idioma a idioma. Y cuando la imagen lleva texto, cada idioma puede tener su propio fondo.
- Un encabezado en mitad de una página: el mismo visual se coloca también en el contenido, como un bloque de la cuadrícula, a todo lo ancho, mitad o tercio, con el mismo panel de ajustes. Sus títulos pasan a ser subtítulos, para que la página conserve un único título principal.
Un código QR en la cabecera
Junto al título y la imagen, una cabecera admite un código QR: el visitante que lee la página en su ordenador sigue en su teléfono. Su dirección y su leyenda se ajustan en cada idioma, una página del sitio se completa con su dominio, y puede tomar el estilo de un código del módulo de códigos QR, formas, colores y logotipo incluidos. La vista previa lo dibuja tal como se publicará.