 |
Resumo | Brand Header adiciona um cabeçalho superior extra para marcação com seu logotipo, links de navegação e ícones sociais para visualizações em dispositivos móveis e desktop. O logotipo da marca pode ser uma imagem ou texto. |
 |
Pré-visualização | Pré-visualização no Discourse Theme Creator |
 |
Link do Repositório | https://github.com/discourse/discourse-brand-header |
 |
Novo nos Temas do Discourse? | Guia para iniciantes sobre o uso de Temas do Discourse |
Instale este componente de tema
Recursos
Pré-visualização no desktop:
Pré-visualização no celular:
Configurações
| Nome | Descrição |
|---|---|
| nome da marca | |
| url do site | |
| url do logotipo móvel | |
| links | Links de texto a serem exibidos no cabeçalho |
| ícones | Links de ícones a serem exibidos no cabeçalho |
| ícones font awesome personalizados | Lista de ícones FontAwesome 6 usados neste componente de tema |
| mostrar barra no celular | |
| plugin outlet |
Usando Ícones Font Awesome 6
Para permitir que os Ícones Font Awesome 6 sejam exibidos corretamente neste componente de tema, você precisará adicioná-los em 3 lugares no Discourse:
- A configuração do site
svg icon subset - A configuração
custom font awesome iconsno componente - A configuração
iconsno componente
Além disso, para alguns Ícones Font Awesome 6, você precisará especificar um prefixo fa ou fab junto com o nome do ícone (Ex: “fab-bluesky”), devido a alguns ícones fazerem parte de um subconjunto específico de ícones. Consulte Estamos atualizando nossos ícones para Font Awesome 6! para mais detalhes sobre esse uso.
Depois de adicionar esses ícones nos três locais, você deverá vê-los exibidos corretamente no componente de tema do cabeçalho da marca.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.