Navegação da Marca — menus e links de cabeçalho com marca
| 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. | |
| Pré-visualização | Capturas de tela e exemplos ao vivo | |
| Repositório | CodeWorksLabs/brand-navigation | |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| 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
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.