| Riepilogo | Brand Header aggiunge un’intestazione superiore extra per il branding con il tuo logo, link di navigazione e icone social sia per le visualizzazioni mobile che desktop. Il logo del brand può essere un’immagine o del testo. | |
| Anteprima | Anteprima su Discourse Theme Creator | |
| Link al Repository | https://github.com/discourse/discourse-brand-header | |
| Nuovo su Discourse Themes? | Guida per principianti all’uso di Discourse Themes |
Installa questo componente del tema
Funzionalità
Anteprima desktop:
Anteprima mobile:
Impostazioni
| Nome | Descrizione |
|---|---|
| nome del brand | |
| URL del sito web | |
| URL del logo mobile | |
| link | Link testuali da visualizzare nell’intestazione |
| icone | Link icona da visualizzare nell’intestazione |
| icone font awesome personalizzate | Elenco delle icone FontAwesome 6 utilizzate in questo componente del tema |
| mostra barra su mobile | |
| plugin outlet |
Utilizzo delle icone Font Awesome 6
Per consentire alle icone Font Awesome 6 di essere visualizzate correttamente in questo componente del tema, devi aggiungerle in 3 posizioni in Discourse:
- L’impostazione del sito
sottoinsieme di icone svg - L’impostazione
icone font awesome personalizzatenel componente - L’impostazione
iconenel componente
Inoltre, per alcune icone Font Awesome 6, dovrai specificare un prefisso fa o fab con il nome dell’icona (ad esempio: “fab-bluesky”), poiché alcune icone fanno parte di un sottoinsieme specifico di icone. Consulta Stiamo aggiornando le nostre icone a Font Awesome 6! per ulteriori dettagli su questo utilizzo.
Una volta aggiunte le icone in tutti e tre i punti, dovresti vederle visualizzate correttamente nel componente del tema Brand Header.
Ospitati da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.