Navegação da marca

Navegação da Marca — menus e links de cabeçalho com marca

:information_source: Resumo A Navegação da Marca adiciona uma barra de navegação com a sua marca, contendo links diretos e menus suspensos, além de adicionar links opcionais de texto e ícone ao cabeçalho do Discourse.
:eyeglasses: Pré-visualização Capturas de tela e exemplos ao vivo
:hammer_and_wrench: Repositório CodeWorksLabs/brand-navigation
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

A Navegação da Marca oferece à sua comunidade uma barra de navegação com a sua marca para links do seu site, recursos da comunidade e projetos relacionados. Ela suporta menus suspensos e também pode posicionar links diretos de texto ou ícone no próprio cabeçalho do Discourse.

Exemplos

The Bridge: uma barra de navegação acima do cabeçalho do fórum, com links adicionais ao lado dos controles do cabeçalho do Discourse.

Repeal OBBBA Forum: uma barra de navegação vermelha com menus da comunidade e links sociais no cabeçalho do Discourse.

Funcionalidades

  • Identidade da marca: exiba um nome, logotipo ou ambos, com logotipos separados para temas claro e escuro. Posicione a barra acima ou abaixo do cabeçalho do Discourse.
  • Links e menus: adicione links diretos e um nível de submenus. Um item principal pode linkar para uma página com uma seta de menu separada, ou atuar apenas como botão de submenu. Os itens podem incluir ícones e descrições opcionais de submenu.
  • Links no cabeçalho: posicione links sociais, links do fórum e links externos no cabeçalho principal do Discourse.
  • Controles de público e dispositivo: mostre itens para todos, visitantes conectados ou desconectados, e escolha a visibilidade para desktop ou mobile.
  • Layouts móveis: use um menu compacto, uma barra completa ou oculte o componente no mobile.
  • Aparência e configuração: herde a paleta de cores do Discourse ou defina as cores do componente, ajuste o tamanho do texto e dos ícones dos links no cabeçalho, reordene itens no editor estruturado e exporte ou importe uma configuração JSON.

Começando

Instalar Brand Navigation · Adicionar links, menus e cores · Fazer backup ou mover configurações

Status

Release v1.0.0-rc.5 está disponível como pré-lançamento. Veja os problemas conhecidos e o registro de testes para detalhes.

Feedback e suporte

Perguntas, capturas de tela e ideias de configuração são bem-vindas neste tópico. Para ajuda com instalação, configuração e solução de problemas, inicie um tópico em Suporte à Brand Navigation no Fórum CodeWorksLabs.

Bugs, relatórios de compatibilidade e correções na documentação também podem ser enviados através das GitHub Issues.

Roadmap e solicitações de funcionalidades

Siga o roadmap da Brand Navigation para trabalhos propostos, planejados, em andamento e lançados.

Tem uma ideia para melhorar a Brand Navigation? Compartilhe-a em Solicitações de Funcionalidades.

A Brand Navigation é mantida independentemente pela CodeWorksLabs e licenciada sob GPL-2.0-or-later.

Agradecimentos

Agradecemos aos autores de Discourse Brand Header, Discourse Header Submenus, Custom Header Links (ícones) e Dropdown Header da Pavilion (Dropdown Header) pelas ideias e exemplos que informaram a Brand Navigation. Veja atribuição e licenciamento e o registro de autoria e procedência para os créditos completos.

1 curtida