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