Personalización de la cabecera de navegación de la aplicación en MemberPress AppKit

Navigation header customization enhances usability and reinforces branding within mobile applications. The app navigation header supports flexible More Menu placement and icon customization.

This document explains how to configure header settings, relocate the More Menu, and customize header icons for improved member experience.

Understanding MemberPress AppKit Navigation Header

The navigation header appears at the top of mobile app screens, displaying page titles and navigation elements.

Header configuration controls title alignment, scroll behavior, and More Menu placement.

Moving the More Menu from the Tab Bar to the header frees a Tab Bar slot for additional primary navigation. Proper header configuration balances functionality with clean interface design.

Comprender las ventajas de la configuración de cabeceras

La personalización de las cabeceras ofrece múltiples ventajas de usabilidad y branding.

Reubicable Más Menú La flexibilidad afecta a la capacidad de la barra de pestañas. Mover el menú Más a la cabecera libera la quinta posición de la barra de pestañas para los elementos de navegación principales.

Ampliación de la barra de pestañas permite cinco elementos de navegación personalizados cuando Más Menú se desplaza a la cabecera. La capacidad ampliada mejora el acceso a la navegación principal.

Personalización de iconos alinea el aspecto de la cabecera con la identidad de la marca. Los iconos predeterminados pueden sustituirse por selecciones adecuadas a la marca.

Coherencia visual mantiene la accesibilidad al menú Más independientemente de la ubicación. Los miembros acceden a la navegación secundaria desde un icono familiar.

Acceso a la configuración de la barra de cabecera

Header configuration is available in the menu settings interface.

1. Vaya a Panel > MP AppKit > Menús.
   
2. Haga clic en el botón Barra de cabecera ficha.
   
3. Localice el Configuración de la barra de cabecera sección.

Los ajustes de la barra de cabecera controlan la alineación, la visibilidad y la ubicación de Más menús.

Configuración de la alineación de cabeceras

La alineación de la cabecera afecta a la posición del título y al equilibrio visual.

1. Localice el Configuración de la barra de cabecera sección.
   
2. Seleccione la opción de alineación deseada:
   • Alineado a la izquierda mantiene los títulos de las páginas alineados a la izquierda;
   • Oculto oculta la cabecera se oculta durante el desplazamiento para ampliar el espacio de contenido.

3. Haga clic en Guardar configuración.

La alineación a la izquierda mantiene la coherencia con los patrones de diseño estándar para móviles.

Configuración de la ubicación de más menús

More Menu placement determines whether secondary navigation appears in the Tab Bar or the header.

1. Vaya a Panel > MP AppKit > Menus > Header Bar.
2. Localice el Más colocación de menús en la configuración de la barra de cabecera.
3. Seleccione la colocación deseada:

• Barra de pestañas inferior mantiene el menú Más en la quinta posición de la barra de pestañas;
• Barra de cabecera superior desplaza el icono del Menú Más a la cabecera.

4. Haga clic en Guardar configuración.

La colocación de más menús afecta a la capacidad de la barra de pestañas y a la organización general de la navegación.

Actualización de los elementos del menú de cabecera

1. Ir a la Menú de la barra de cabecera ficha.
2. Encuentra el Más menú (normalmente el avatar del usuario).
3. Click the dropdown arrow > Item Icon > Select Icon.
4. Elige un icono del paquete de iconos o sube el tuyo propio.
5. Haga clic en el botón Seleccionar icono, entonces el Guardar menú.
   

Repetir para cualquier botones de acción (por ejemplo, Crear puesto, Añadir grupo, Enviar mensaje):

• Haz clic en sus flechas desplegables.
• Elija o cargue nuevos iconos.
• Haga clic en el botón Seleccionar icono, entonces el Guardar menú.

Actualizar el menú de la barra de pestañas

1. Cambiar a la Menú de la barra de pestañas ficha.
2. Haga clic en Añadir al menú for one item (e.g., Notifications) from the available menu items listed in the MemberPress AppKit o Miembro conectado secciones.
3. Asegúrese de que hay no más de cuatro total de elementos en la barra de pestañas.
4. Haga clic en el botón Guardar menú.

La capacidad de la barra de pestañas aumenta sólo cuando el menú Más se desplaza con éxito a la cabecera.