 |
Resumo | Links de Cabeçalho Personalizados (ícones) permitirão que você adicione facilmente ícones vinculados ao cabeçalho do Discourse. |
 |
Pré-visualização | Pré-visualizar no Discourse Theme Creator |
 |
Link do Repositório | https://github.com/discourse/discourse-icon-header-links |
 |
Novo em Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse |
Instalar este componente de tema
Funcionalidades
Capturas de Tela
Desktop
Mobile
Configurações
Este componente inclui uma configuração de tema que permite adicionar quantos links desejar, 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, visualizaçã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 meio deste componente |
| Svg icons | Inclua classes de ícones do FontAwesome 6 para cada ícone usado na lista. |
Observações:
- 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
Este componente é baseado no incrível tutorial de @techAPJ aqui: (Superseded) Add new link on header beside search icon, e no tema Brand header de @vinothkannans, que foi uma ótima referência para a estrutura deste componente.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.