En-tête de la marque

« Sinon » :raised_hand: :slight_smile:

Comme il s’agit d’un composant de thème #officiel, il est maintenu par l’équipe Discourse (et il est également très populaire), donc il n’est pas du tout obsolète.

Bien que je pense que vous ayez déjà une réponse dans votre autre sujet :

5 « J'aime »

Depuis quelques mois, j’ai quelques icônes brisées dans l’en-tête de marque, probablement depuis le renommage de FA6. J’ai enfin pris le temps de les corriger et j’ai pensé qu’il pourrait être utile à d’autres de commenter la manière dont la dénomination doit être gérée pour que cela fonctionne.

Je pense que cela peut être un peu déroutant de devoir consulter un mapping dans le code source, consulter le site web de FA, et jouer avec les préfixes fa-, fas- (et aucun préfixe) pour voir comment le faire fonctionner. C’est triplemnt ennuyeux et il n’y a aucune erreur dans la console si une icône est introuvable, c’est donc une recherche totalement à l’aveugle.

J’ai réussi à le faire fonctionner et voici un tableau expliquant ce qu’il y a où :

Paramètre Icons dans le composant Paramètre custom font awesome icons dans le composant Paramètre svg icon subset du site
user fa-user fa-user
envelope fa-envelope fa-envelope
calendar-days fa-calendar-days fa-calendar-days
fab-facebook (pas nécessaire) (pas nécessaire)

J’ai l’impression qu’il devrait y avoir une seule façon de faire référence à une icône FA dans tout Discourse et que tout devrait s’en tenir à cette seule façon.

4 « J'aime »

Ceci m’a permis d’avancer jusqu’à un certain point, mais j’ai toujours du mal à faire apparaître deux icônes :

Je n’arrive pas non plus à faire apparaître les icônes fa-facebook, fa-instagram ou fa-discord, seulement les fab-*, comme fab-facebook.

Des conseils ?

Je pense que vous devez utiliser fab comme préfixe. D’après ce que je sais, le b dans fab signifie « brand » (marque). Votre icône a donc soit fab pour la marque, fas pour le plein, ou fa pour la version normale.

Je pense donc qu’il s’agit de fab-mastodon et fab-bluesky. Et il n’existe pas de version comme fa-facebook. Peut-être préférez-vous l’une des autres icônes Facebook ?

N’oubliez pas non plus d’ajouter les noms des icônes au paramètre custom_font_awesome_icons.

2 « J'aime »

Oui, je l’ai fait fonctionner en utilisant fab-bluesky

1 « J'aime »

Merci, je ne sais pas comment j’ai pu manquer cela, mais l’ajout de fab-bluesky et fab-mastodon à la fois à la liste de configuration « Icônes Font Awesome personnalisées » et l’ajout d’éléments de menu ont finalement résolu le problème.

Merci à vous tous !

1 « J'aime »