||||
-|-|
| Resumo | Custom Header Links (ícones) permite adicionar ícones vinculados ao cabeçalho do Discourse de forma fácil.
| 
| Pré-visualização | Pré-visualização no Discourse Theme Creator |
| Link do Repositório | https://github.com/discourse/discourse-icon-header-links
| Novo nos Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse
Instale este componente de tema
Recursos
Capturas de tela
Desktop
Mobile
Configurações
Este componente inclui uma configuração de tema que permite adicionar quantos links você quiser, definir seus ícones e decidir em quais dispositivos eles aparecerão!
| Nome | Descrição
|-|
| header links | Lista de links com as seguintes propriedades: título, ícone, URL, exibição e destino
| add whitespace | Se marcado, isso adicionará algum espaço em branco entre os ícones padrão do cabeçalho do Discourse e os ícones personalizados adicionados por este componente
| Svg icons | Inclui classes de ícones do FontAwesome 6 para cada ícone usado na lista.
Notas:
- A URL pode ser absoluta (https://www.example.com) ou relativa (/c/staff)
- Os ícones podem ser qualquer nome de ícone do FontAwesome 6 (gratuito) sem as partes
fa-,fab-,fas-oufar-, ou uma URL para uma imagem.
Se o ícone que você deseja usar não aparecer, adicione-o à configuração svg_icons no componente. Se você adicionar novos ícones, eles precisam ser prefixados com os prefixos do FontAwesome 6, como fab, far e fas.
Créditos
Isso é baseado no tutorial incrível do @techAPJ aqui: (Superseded) Add new link on header beside search icon, e no tema Brand header do @vinothkannans, que foi uma grande referência para a estrutura deste componente.
Hospedado por nós? Os componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.