Construir una cabecera como Shared Slot

Objetivo: tener una sola cabecera que usen todas las páginas, en vez de una copia por página.
Tiempo: 5 minutos
Necesita: acceso a Shared Slots y un menú de navegación con algunos enlaces

Pasos

  1. Seleccione Shared Slots en la barra lateral. Aquí se listan las áreas reutilizables del sitio actual, con las páginas a las que sirve cada una.
  2. Abra el Shared Slot de cabecera y seleccione Edit Blocks. Un Shared Slot contiene bloques exactamente igual que un slot de página.
  3. Una cabecera que funciona es un Navbar que contiene un Container, que contiene un Cluster, que contiene un Navbar Brand, un Navbar Navigation atado a una clave de menú y Header Actions.
  4. Para ponerla en una página, abra la página, busque el slot en la tarjeta Slots y seleccione Manage Source.
  5. Elija Shared Slot, seleccione el que construyó y pulse Save Source.
Shared Slots screen listing reusable areas and their usage.
Shared slot block list showing a navbar with brand, navigation, and header actions nested inside.
Manage source dialog offering page content, shared slot, or disabled for a slot.

Las tres fuentes

Cada slot de página renderiza una de tres cosas, y Manage Source es donde se elige:

  • Page Content: los bloques propios de esta página. Lo predeterminado.
  • Shared Slot: bloques que viven en otro sitio y se comparten con otras páginas.
  • Disabled: aquí no se renderiza nada en esta página.

Cambiar la fuente conserva los bloques propios de la página. Apunte un slot a un Shared Slot, cambie de idea, vuelva atrás: sus bloques siguen ahí.

Notas

  • Navbar Brand y Navbar Navigation solo funcionan dentro de un navbar. Fuera no se ofrecen, y eso es el CMS impidiéndole construir una cabecera que no puede renderizar.
  • Navbar Navigation no contiene enlaces: apunta a una clave de menú y renderiza lo que ese menú contenga.
  • Un Shared Slot sirve a un solo tipo de slot. Uno construido para header no puede asignarse a un pie.
  • Header Actions lleva los controles de búsqueda, tema e idioma. Sus interruptores son ajustes del bloque, no bloques aparte.
Siguiente: construir un pie como Shared Slot