Tabla de contenidos y migas de pan
Objetivo: dar a una página larga una lista de «en esta página» y mostrar a los visitantes dónde están.
Tiempo: 4 minutos
Necesita: una página con varios encabezados
Pasos
- Ancle primero sus encabezados. Una tabla de contenidos lista los bloques Header que tienen un Anchor ID; los encabezados sin él le resultan invisibles.
- Edite cada bloque Header que quiera listar y rellene Anchor ID. Use palabras en minúscula unidas por guiones:
how-we-run-a-project. - Seleccione Add Block y elija TOC. Ponga el TOC Title;
On this pagees lo convencional. - Colóquela cerca de la parte de arriba, encima del contenido que describe.
- Seleccione Add Block y elija Breadcrumb. Ponga el Home label y decida si se incluye el Current page item.
- Guarde y compruebe el resultado.
La tabla de contenidos se construye, no se escribe
La lista no la escribe usted nunca. El bloque TOC lee los bloques Header anclados de la misma página y construye la lista a partir de ellos, en el orden de la página.
Eso significa que nunca queda desfasada: renombre un encabezado y la entrada le sigue; añada una sección y aparece; quite el ancla y desaparece. También significa que una TOC vacía no es un bloque roto: es una página sin encabezados anclados.
Notas
- Un ancla también es un destino de enlace. En cuanto un encabezado tiene una, puede enlazar directamente a esa sección desde cualquier sitio.
- Mantenga las anclas estables. Cambiar una rompe todos los enlaces que alguien haya guardado a esa sección: la misma regla que con el slug de una página.
- Una TOC en una página corta es ruido. Si quien lee ve todos los encabezados sin desplazarse, la lista repite lo que ya está a la vista.
- Las migas de pan se derivan de la ruta de la página, así que reflejan dónde vive de verdad. Si el rastro se ve mal, lo que hay que arreglar es la dirección de la página.
- Los encabezados anidados dentro de cards y otros bloques no se listan. La TOC es un mapa de las secciones de la página, no de cada encabezado que haya en ella.