Crea una cabecera completa del sitio

Usa este flujo de trabajo al configurar una cabecera nueva o al sustituir una existente. Coordina el diseño, las ubicaciones de menú, las barras opcionales, la navegación móvil y el comportamiento de desplazamiento sin tratarlos como un único ajuste.

Prepara los elementos de la cabecera

Prepara:

• Los logotipos de escritorio y móvil en Settings → POM Theme → Design system → Brand.
• Los menús de WordPress que usarán los visitantes.
• Una decisión sobre la navegación específica para usuarios registrados.
• Una página representativa con suficiente contenido para probar el desplazamiento.

Crea la cabecera

1. Abre Settings → POM Theme → Site layout → Header → Header general settings.
2. Elige The header style and layout. La estructura seleccionada determina qué ubicaciones de menú de escritorio son relevantes.
3. Decide si Full-width header coincide con la alineación prevista.
4. Guarda los ajustes antes de asignar los menús. Algunas ubicaciones, incluidas las barras opcionales y las posiciones de menú dividido, se registran según el diseño activado.
5. Abre Appearance → Menus → Manage Locations y asigna los menús de escritorio necesarios.
6. Vuelve a Site layout → Header y configura solo las áreas opcionales que utiliza el diseño: Header banner, Full screen navigation, Side navigation, Top bar o Bottom bar.
7. Define los colores compartidos de la cabecera en Header colors y la tipografía en Header typography.
8. Configura Mobile navigation settings. de forma independiente, incluidos sus títulos de menú y su tratamiento visual.
9. Añade el comportamiento fijo, de ocultación automática o transparente solo después de que la cabecera estática sea correcta.
10. Guarda y revisa el resultado público.

Asigna las ubicaciones de menú correctas

POM Theme registra ubicaciones dedicadas para:

• Primary, Primary (left side) y Primary (right side) cuando corresponda
• Primary (logged-in users) y las variantes para usuarios registrados admitidas
• Mobile y Mobile 2
• Top bar (left side) y Top bar (right side) cuando la barra superior está activada
• Bottom bar (left side) y Bottom bar (right side) cuando la barra inferior está activada
• Header side navigation
• Header full screen navigation
• Logged in dropdown

Asigna solo las ubicaciones que utiliza la estructura elegida. Un menú móvil asignado no sustituye al menú principal de escritorio.

Aprueba la cabecera

La cabecera está lista cuando:

• El menú previsto aparece para los visitantes sin sesión iniciada.
• Cualquier variante de menú para usuarios registrados aparece en una sesión autenticada.
• El logotipo y la navegación se alinean en los anchos de escritorio habituales.
• El disparador móvil abre el panel correcto y ambos menús móviles configurados se comportan como se espera.
• El foco del teclado puede alcanzar y manejar los controles interactivos de la cabecera.
• Los estados fijos o transparentes mantienen un contraste adecuado durante el desplazamiento.

Usa Header settings reference para conocer el alcance de cada subsección de ajustes y Configure mobile navigation para el panel móvil.