 |
Riepilogo | Brand Header aggiunge un’intestazione superiore aggiuntiva per il branding con il tuo logo, link di navigazione e icone social per le viste sia 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 ai temi di Discourse? | Guida introduttiva all’uso dei temi di Discourse |
Installa questo componente tema
Funzionalità
Anteprima desktop:
Anteprima mobile:
Impostazioni
| Nome | Descrizione |
|---|---|
| nome brand | |
| url del sito web | |
| url logo mobile | |
| link | Link testuali da visualizzare nell’intestazione |
| icone | Link iconici da visualizzare nell’intestazione |
| icone font awesome personalizzate | Elenco delle icone FontAwesome 6 utilizzate in questo componente 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 tema, dovrai aggiungerle in 3 punti di Discourse:
- L’impostazione del sito
svg icon subset - L’impostazione
custom font awesome iconsnel componente - L’impostazione
iconsnel componente
Inoltre, per alcune icone Font Awesome 6, dovrai specificare un prefisso fa o fab con il nome dell’icona (es. “fab-bluesky”), poiché alcune icone fanno parte di uno specifico sottoinsieme di icone. Vedi Stiamo aggiornando le nostre icone a Font Awesome 6! per i dettagli su questo utilizzo.
Una volta aggiunte quelle icone in tutti e tre i punti, dovresti vederle visualizzate correttamente nel componente tema brand header.
Ospitato da noi? I componenti tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.