Página, layout, slot, bloque
Objetivo: entender las cuatro palabras que usan todas las demás guías.
Tiempo: 3 minutos
Necesita: nada; esta guía es de leer, no de pulsar
Pasos
- Abra cualquier página desde Pages y seleccione Edit page.
- Abra la pestaña Layout Slots. Compara los slots que define su layout con los slots que esta página tiene realmente.
- Baje hasta la tarjeta Slots. Es la misma lista en versión de trabajo: cada slot, cuántos bloques contiene y el botón para editarlos.
- Seleccione Edit Blocks en Main. Ahora está viendo bloques: el contenido real, en orden.
Las cuatro palabras
Página es la cosa que tiene dirección. /notes es una página. Contiene su contenido y decide si los visitantes ya pueden verlo.
Layout es el marco en el que se renderiza la página. Decide si la página tiene franja de cabecera, barra lateral o pie: el mobiliario, no el contenido. Elige uno al crear la página y puede cambiarlo después.
Slot es un área con nombre que proporciona el layout: Header, Main, Sidebar, Footer. Piense en cajas etiquetadas. El layout dice qué cajas existen; usted decide qué va dentro.
Bloque es una pieza de contenido dentro de un slot: un encabezado, un párrafo, una imagen, una galería, un formulario de contacto. Los bloques se apilan en orden, y algunos contienen otros bloques.
En conjunto: una página usa un layout, el layout aporta slots y usted llena los slots con bloques.
Por qué está separado así
Porque el mismo contenido no debería reconstruirse para cada página, y el marco no debería reconstruirse para cada pieza de contenido.
Un Shared Slot lleva esto un paso más allá: en lugar de llenar un slot en una página, lo llena una vez y lo asigna a muchas. Así una cabecera de sitio se mantiene idéntica en todas partes sin que nadie la copie.
Notas
- Cambiar el layout no borra sus bloques. Los slots que el nuevo layout no define se conservan, aunque pueden dejar de renderizarse.
- Un bloque puede contener otros bloques. Una Card contiene una región de cabecera, cuerpo y pie; un Grid contiene cards. Ese anidamiento es lo que da a una página una disposición real sin escribir HTML.