Comment utiliser mes propres icônes SVG dans le composant de thème des liens d'en-tête personnalisés ?

J’ai installé un composant qui ne me permet d’insérer que des icônes de mon forum via le site web Font Awesome, mais je veux utiliser mes propres icônes. Comment puis-je les télécharger et les utiliser ?

[image]

1 « J'aime »

Remplacer les icônes SVG par défaut de Discourse par des icônes personnalisées dans un thème

2 « J'aime »

Merci de votre réponse, je voulais utiliser ceci

mais pour une raison quelconque, les icônes svg que je télécharge sur mon site Web ne peuvent pas être utilisées ici.

2 « J'aime »

Oh. Je suppose que vous devrez faire un peu de travail pour que cela se produise. J’ai modifié votre titre en conséquence, j’espère donc qu’il attirera l’attention de quelqu’un qui en sait plus sur ce composant de thème.

Il est indiqué :

ce qui, je pense, signifie qu’il est difficile ou impossible d’utiliser d’autres icônes.

2 « J'aime »

L’ajout d’icônes personnalisées est désormais pris en charge, depuis ce commit :

Lorsque vous ajoutez un lien d’en-tête dans le paramètre du thème, collez une URL vers une icône et elle devrait être présente dans l’en-tête.

1 « J'aime »

Salut ! Merci de m’avoir répondu et de m’avoir aidé ! Comment puis-je installer ceci ?

1 « J'aime »

Salut @danielabc

Il vous suffit de naviguer vers vos composants dans /admin/customize/themes, de trouver le composant Icon Header Links. S’il n’est pas sur la dernière mise à jour, vous devriez voir un bouton pour mettre à jour.

Après avoir mis à jour le composant de thème, dans les paramètres de votre thème où vous configurez chaque lien d’icône, utilisez simplement une URL vers une source d’image au lieu d’un nom d’icône font awesome.

Par exemple, voici comment j’ai configuré un lien :

Lien mobile de bureau, 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

Ce qui rend comme ceci :

2 « J'aime »