Entendendo a interface de administração

:bookmark: Este tópico define e explica termos e conceitos essenciais que são ou serão utilizados à medida que continuamos a melhorar nossa interface de administração.

:person_raising_hand: Nível de usuário necessário: Administradores

As diferentes áreas da interface de administração estão rotuladas nesta imagem, com explicações detalhadas abaixo:

Admin

  • Admin (ou Interface de Admin): Tudo o que está dentro do caminho de URL /admin. Destinado a tarefas e configurações de administração.
  • Barra lateral de Admin: A navegação principal está localizada na lateral e fornece acesso às seções principais.

Barra lateral de Admin

  • Seção da barra lateral: Links agrupados organizados por categoria.
  • Alternância de seção da barra lateral: Um elemento de controle para expandir ou recolher os links da seção. Navegação de primeiro nível.
  • Links da seção: Links individuais dentro de uma seção da barra lateral que direcionam os usuários para áreas ou páginas específicas. Navegação de segundo nível.
  • Rodapé da barra lateral: A seção inferior da barra lateral de admin geralmente contém links adicionais ou informações.

Páginas de Admin

  • Página de Admin: Inclui breadcrumbs, cabeçalhos, área(s) de configuração e destaque de ajuda. É onde é possível acessar e modificar configurações relacionadas que compartilham uma navegação de terceiro nível.
  • Página de plugin de Admin – Igual à página de admin, mas para plugins.

Contém estas seções

  • Breadcrumbs: Elementos de navegação que exibem a hierarquia de páginas visitadas dentro da seção de admin.
  • Cabeçalho da página: A seção superior de uma página de admin, contendo o título, a descrição e, opcionalmente, chamadas para ação.
    • Título da página: Título da página.
    • Descrição da página: Introdução ou descrição do que o conteúdo aborda. Pode suportar links e um link opcional “Saiba mais”.
    • Ações: Botões de ação no cabeçalho da página. Existem vários tipos de ação disponíveis: Primária (btn-primary), Padrão (btn-default), Perigo (btn-danger) e Envolta (para componentes personalizados). Qualquer combinação desses pode ser usada. Em dispositivos móveis, as ações são recolhidas em um menu suspenso.
  • Abas: Fornecem acesso a níveis mais profundos de configurações ou recursos.
  • Conteúdo da página: A área principal onde as configurações, configurações e outros conteúdos são exibidos e com os quais se interage.
    • Área de configuração: Uma área específica dentro do conteúdo da página dedicada a configurações e ajustes.
    • Ajuda/referência/destaque: Uma área dentro do conteúdo da página que fornece guias, documentação ou informações contextuais adicionais.

:information_source: Este documento será mantido atualizado à medida que a interface de administração evoluir.

3 curtidas