| Riepilogo | Collegamenti personalizzati all’intestazione (icone) ti consentiranno di aggiungere facilmente icone con link all’intestazione di Discourse. | |
| Anteprima | Anteprima su Discourse Theme Creator | |
| Link al repository | https://github.com/discourse/discourse-icon-header-links | |
| Nuovo nei temi di Discourse? | Guida introduttiva all’uso dei temi di Discourse |
Installa questo componente tema
Caratteristiche
Screenshot
Desktop
Mobile
Impostazioni
Questo componente include un’impostazione del tema che ti permette di aggiungere quanti link desideri, determinare le relative icone e decidere su quali dispositivi devono apparire!
| Nome | Descrizione |
|---|---|
| header links | Elenco di link con le seguenti proprietà: titolo, icona, URL, visualizzazione e destinazione |
| add whitespace | Se selezionato, aggiungerà uno spazio bianco tra le icone predefinite dell’intestazione di Discourse e le icone personalizzate aggiunte tramite questo componente |
| Svg icons | Include le classi delle icone FontAwesome 6 per ciascuna icona utilizzata nell’elenco. |
Note:
- L’URL può essere assoluto (https://www.example.com) o relativo (/c/staff)
- Le icone possono essere qualsiasi icona FontAwesome 6 (gratuita) senza le parti
fa-,fab-,fas-ofar-, oppure un URL a un’immagine.
Se l’icona che desideri utilizzare non viene visualizzata, aggiungila all’impostazione svg_icons nel componente. Se aggiungi nuove icone, devono essere prefissate con i prefissi di FontAwesome 6 come fab, far e fas.
Riconoscimenti
Questo si basa sull’ottimo tutorial di @techAPJ qui: (Superseded) Add new link on header beside search icon, e sul tema Brand header di @vinothkannans, che è stato un ottimo riferimento per la struttura di questo componente.
Ospitato da noi? I componenti tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.