Personalização do cabeçalho de navegação do aplicativo no AppKit MemberPress

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.

Compreender os benefícios da configuração do cabeçalho

A personalização do cabeçalho oferece várias vantagens em termos de usabilidade e branding.

Relocável Mais Menu A flexibilidade afeta a capacidade da barra de guias. Mover o menu Mais para o cabeçalho libera a quinta posição da barra de guias para itens de navegação principais.

Expansão da barra de guias permite cinco itens de navegação personalizados quando o menu Mais é movido para o cabeçalho. A capacidade expandida melhora o acesso à navegação principal.

Personalização de ícones alinha a aparência do cabeçalho com a identidade da marca. Os ícones padrão podem ser substituídos por opções adequadas à marca.

Consistência visual mantém a acessibilidade do Menu Mais, independentemente da localização. Os membros acessam a navegação secundária a partir de um ícone familiar.

Acessando as configurações da barra de cabeçalho

Header configuration is available in the menu settings interface.

1. Navegue até Painel de controle > MP AppKit > Menus.
   
2. Clique no botão Barra de cabeçalho guia.
   
3. Localize o Configurações da barra de cabeçalho seção.

As configurações da barra de cabeçalho controlam o alinhamento, a visibilidade e a localização do menu Mais.

Configurando o alinhamento do cabeçalho

O alinhamento do cabeçalho afeta o posicionamento do título e o equilíbrio visual.

1. Localize o Configurações da barra de cabeçalho seção.
   
2. Selecione a opção de alinhamento desejada:
   • Alinhado à esquerda mantém os títulos das páginas alinhados à esquerda;
   • Oculto oculta o cabeçalho durante a rolagem para expandir o espaço de conteúdo.

3. Clique em Salvar configurações.

O alinhamento à esquerda mantém a consistência com os padrões de design padrão para dispositivos móveis.

Configurando mais posicionamentos de menu

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

1. Navegue até Painel de controle > MP AppKit > Menus > Header Bar.
2. Localize o Mais posicionamento do menu menu suspenso em Configurações da barra de cabeçalho.
3. Selecione o posicionamento desejado:

• Barra de abas inferior mantém o menu Mais na quinta posição da barra de guias;
• Barra de cabeçalho superior move o ícone do menu Mais para o cabeçalho.

4. Clique em Salvar configurações.

A localização do menu afeta a capacidade da barra de guias e a organização geral da navegação.

Atualizando os itens do menu do cabeçalho

1. Vá para o Menu da barra de cabeçalho guia.
2. Encontre o Mais Menu item (normalmente o avatar do usuário).
3. Clique na seta do menu suspenso > Ícone do item > Selecionar ícone.
4. Escolha um ícone do Pacote de Ícones ou carregue o seu próprio.
5. Clique no botão Selecionar ícone, então o Salvar menu.
   

Repita para qualquer botões de ação (por exemplo, Criar postagem, Adicionar Grupo, Enviar mensagem):

• Clique nas setas suspensas.
• Escolha ou carregue novos ícones.
• Clique no botão Selecionar ícone, então o Salvar menu.

Atualizando o menu da barra de guias

1. Mude para o Menu da barra de guias guia.
2. Clique em Adicionar ao menu for one item (e.g., Notifications) from the available menu items listed in the MemberPress AppKit ou Membro conectado seções.
3. Certifique-se de que há não mais do que quatro total de itens na barra de guias.
4. Clique no botão Salvar menu.

A capacidade da barra de guias só aumenta quando o menu Mais é movido com sucesso para o cabeçalho.