Encabezado, pie y menús del sitio
Cree listas de enlaces en Settings → Navigation y luego elija diseños integrados de encabezado y pie y asigne esos menús en Settings → Site layout—use elementos de menú anidados para pies de varias columnas y active el carrito del encabezado en E-commerce cuando venda.
Cada página pública muestra un header y un footer. Los diseños integrados en Settings → Site layout son la ruta predeterminada — suficientes para poner un sitio funcional en línea con rapidez sin abrir el editor de plantillas.
Para la mayoría de los sitios solo necesita:
- Settings → Navigation — crear menús (los enlaces).
- Settings → Site layout — elegir un diseño integrado de encabezado/pie y asignar un menú a cada uno.
Site name, logotipo y tagline opcional vienen de Settings → General (y Theme para colores y tipografías).
¿Quiere un control más fino — columnas personalizadas, un bloque de newsletter, un carrito colocado a mano o un diseño puntual? Use Settings → Header & Footer y siga Plantillas personalizadas de encabezado y pie. Cuando selecciona una plantilla personalizada como predeterminada del sitio en Site layout, reemplaza el diseño integrado correspondiente.
| Tarea | Dónde |
|---|---|
| Añadir o reordenar enlaces | Settings → Navigation |
| Elegir aspecto integrado de encabezado/pie + adjuntar menús | Settings → Site layout → Header / Footer |
| Diseñar un encabezado o pie personalizado | Settings → Header & Footer |
Crear un menú
- Abra Settings → Navigation.
- Cree un menú (o abra uno existente).
- Añada elementos: páginas publicadas, portfolios o URLs personalizadas.
- Arrastre para reordenar. Use la sangría para anidar elementos bajo un padre (para columnas de pie — vea más abajo).
- Guarde.
Enlace solo a páginas publicadas. Las páginas en borrador dan 404 a los visitantes.
Puede usar el mismo menú para encabezado y pie, o menús separados.
Asignar menús y diseños (Site layout)
- Abra Settings → Site layout.
- Abra la sección Header.
- Deje Custom header en Use basic layout (o quite una plantilla personalizada si hay una seleccionada).
- Elija un Navigation menu (o None — vea el respaldo más abajo).
- Elija un diseño básico de encabezado (Minimal, Centered logo, Split, Stacked, Transparent o No header).
- Abra la sección Footer y haga lo mismo: diseño básico + menú.
- Guarde la configuración del sitio.
- Previsualice una página pública.
Diseños de encabezado (integrados)
| Diseño | Qué ven los visitantes |
|---|---|
| Minimal | Logotipo a la izquierda; enlaces y herramientas de cuenta a la derecha |
| Centered logo | Logotipo en el centro; enlaces repartidos a ambos lados |
| Split navigation | Logotipo y enlaces a la izquierda; el último elemento del menú se muestra como botón a la derecha |
| Stacked | Logotipo arriba; enlaces debajo |
| Transparent | Estilo superpuesto para usar sobre un hero |
| No header | Encabezado oculto en todo el sitio |
Split: el último elemento del menú asignado se convierte en ese botón. Ponga «Contact» o «Book» al final si quiere eso como llamada a la acción.
Diseños de pie (integrados)
| Diseño | Qué ven los visitantes |
|---|---|
| Simple | Marca, enlaces planos, redes sociales y luego copyright / Terms |
| Multi-column | Columna de marca más columnas de enlaces desde grupos de menú anidados |
| Centered | Marca y enlaces centrados |
| Newsletter | Formulario de registro más columnas de enlaces opcionales |
| Minimal | Solo copyright y Terms |
| No footer | Pie oculto |
El copyright queda a la izquierda de la barra inferior; Terms y Sign In (cuando el portal de clientes está habilitado en su plan) quedan a la derecha.
Pies Multi-column y anidación
Para Multi-column, anide enlaces bajo elementos de primer nivel en el menú de pie asignado:
Explore ← column heading
Portfolio
Blog
Studio ← column heading
About
Contact
Cada grupo de primer nivel se convierte en una columna. Los menús planos (sin anidar) se muestran como una sola lista de enlaces sin título junto a la marca.
Cuando no hay menú asignado
- Header: Home más algunas páginas publicadas (automático).
- Footer: sin columnas de enlaces hasta que asigne un menú (copyright y Terms siguen mostrándose).
Icono del carrito en el encabezado
En los encabezados integrados, el icono del carrito aparece cuando:
- Su plan incluye print o digital products, y
- Settings → E-commerce → Show cart in header está activado.
Las plantillas de encabezado personalizadas siguen necesitando un bloque Cart en el editor de plantillas — vea Plantillas personalizadas de encabezado y pie.
Selector de idioma y Sign In
Cuando publica más de un idioma del sitio, puede aparecer un control de idioma en el encabezado. Sign In aparece cuando el portal de clientes está habilitado en su plan (abre el portal de clientes de su sitio). Detalles: Idiomas multilingües del sitio.
Resolución de problemas
| Problema | Qué comprobar |
|---|---|
| Enlaces incorrectos en el encabezado | Site layout → Header → qué menú está seleccionado; orden en Navigation |
| El pie tiene columnas vacías | Anide enlaces bajo elementos de primer nivel, o elija Simple en lugar de Multi-column |
| El diseño personalizado no se muestra | Site layout puede seguir en diseño básico — o hay una plantilla personalizada seleccionada que lo anula |
| Sin icono de carrito | El plan debe permitir print o digital products; active Show cart in header; solo encabezado integrado (el personalizado necesita un bloque Cart) |
| El botón Split muestra la página equivocada | Ese botón es el último elemento del menú del encabezado — reordene en Navigation |
Compruebe su trabajo
- Cree un menú con algunas páginas publicadas en Navigation.
- En Site layout, asígnelo a Header y Footer y elija diseños.
- Para multi-column, anide al menos dos grupos, guarde y previsualice.
- Abra dos URLs públicas y confirme el mismo encabezado y pie.