Come usare le mie icone SVG nei collegamenti dell'intestazione personalizzata del componente del tema?

Ho installato un componente che mi permette solo di inserire icone nel mio forum tramite il sito web di fontawesome, ma voglio usare le mie icone, come posso caricarle e usarle?

[image]

1 Mi Piace

Sostituisci le icone SVG predefinite di Discourse con icone personalizzate in un tema

2 Mi Piace

grazie per la risposta, volevo usare questo

ma per qualche motivo le icone svg che carico sul mio sito web non posso usarle in questo

2 Mi Piace

Oh. Suppongo che dovrai fare un po’ di lavoro per farlo accadere. Ho modificato il tuo titolo di conseguenza, quindi spero che attiri l’attenzione di qualcuno che ne sa di più su quel componente del tema.

Dice

il che, penso, significa che è difficile o impossibile usare altre icone.

2 Mi Piace

L’aggiunta di icone personalizzate è ora supportata, a partire da questo commit:

Quando aggiungi un link nell’intestazione nelle impostazioni del tema, incolla un URL a un’icona e questa dovrebbe essere presente nell’intestazione.

1 Mi Piace

Ciao! Grazie per avermi risposto e per il tuo aiuto! Come lo installo?

1 Mi Piace

Ciao @danielabc

Devi semplicemente navigare nei tuoi componenti in /admin/customize/themes, trovare il componente Icon Header Links. Se non è sull’ultimo aggiornamento, dovresti vedere un pulsante per aggiornare.

Dopo aver aggiornato il componente del tema, nelle impostazioni del tuo tema, dove configuri ogni link icona, usa semplicemente un URL a una sorgente immagine invece di un nome icona font awesome.

Ad esempio, ecco come ho impostato un link:

Link desktop mobile, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

Che viene renderizzato così:

2 Mi Piace