Intestazione del marchio

“Altrimenti” :raised_hand: :slight_smile:

Poiché questo è un componente tematico #ufficiale, è mantenuto dal team di Discourse (ed è anche molto popolare), quindi non è affatto morto.

Anche se penso che tu abbia già ricevuto una risposta nel tuo altro argomento:

5 Mi Piace

Da qualche mese ho alcune icone non funzionanti nell’intestazione del brand, probabilmente da quando FA6 ha rinominato le icone. Ho finalmente trovato il tempo di sistemarle e ho pensato che potesse essere utile ad altri condividere come gestire i nomi affinché funzionino.

Penso che possa essere un po’ confusionario dover cercare una mappa nel codice sorgente, controllare il sito di FA e armeggiare con i prefissi fa-, fas- (e nessun prefisso) per vedere come farli funzionare. È triplamente fastidioso e non ci sono errori nella console se un’icona non viene trovata, quindi è una prova alla cieca.

Sono riuscito a farlo funzionare e qui c’è una tabella che spiega cosa va dove:

Impostazione dell’oggetto Icons nel componente Impostazione custom font awesome icons nel componente Impostazione del sito svg icon subset
user fa-user fa-user
envelope fa-envelope fa-envelope
calendar-days fa-calendar-days fa-calendar-days
fab-facebook (non necessario) (non necessario)

Mi sembra che dovrebbe esserci un unico modo per fare riferimento a un’icona FA in tutto Discourse e che tutto dovrebbe attenersi a quell’unico modo.

4 Mi Piace

Questo mi ha portato a metà strada verso ciò che voglio, ma sto ancora lottando per far apparire due icone:

Inoltre, non riesco a far apparire le icone fa-facebook, fa-instagram o fa-discord, ma solo quelle fab-*, come fab-facebook.

Qualche suggerimento?

Penso che tu debba usare fab come prefisso. Per quanto ne so, la b in fab sta per “brand” (marchio). Quindi la tua icona ha o fab per il marchio, fas per la versione solida, o fa per la versione normale.

Quindi penso che siano fab-mastodon e fab-bluesky. E non esiste una versione come fa-facebook. Forse preferisci una delle altre icone di Facebook?

Inoltre, non dimenticare di aggiungere i nomi delle icone all’impostazione custom_font_awesome_icons.

2 Mi Piace

Sì, funziona usando fab-bluesky

1 Mi Piace

Grazie, non sono sicuro di come me lo sia perso, ma l’aggiunta di fab-bluesky e fab-mastodon sia all’elenco di configurazione “Icone Font Awesome personalizzate” sia l’aggiunta di elementi di menu è ciò che ha finalmente funzionato.

Apprezzato, ragazzi!

1 Mi Piace