Comment changer l'icône Staff

[Nisutec (Niclas)]

Bonjour,
Est-il possible de changer l’icône du personnel pour les administrateurs et les modérateurs par une autre icône ?

[omarfilip]

Découvrez ce sujet :

Why can't I edit the moderator group settings like any other new group?

Custom descriptions for automatic groups (admin/moderator/trust levels) will be available soon along with a new groups directory design. I don’t think there’s a reason to not have flair for those groups, there’s just a bit of a complication where flair is currently used to show a user’s primary group, and automatic groups can’t be set as primary groups… so it’s a little more complicated than it seems on the surface. There’s some related discussion about this here: Avatar Flair Image for Staff…

[Nisutec (Niclas)]

Merci pour ces informations, mais je vais modifier l’icône de bouclier derrière le nom d’un membre du personnel.

[anon48433008]

Si c’est ce que vous souhaitez modifier, l’icône se trouve à côté du nom d’utilisateur

Ajoutez ceci à l’en-tête commun :

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('shield-alt', 'terminal');
</script>

« terminal » est ce que j’ai choisi ; remplacez-le par votre propre choix.

Ajoutez également ce que vous avez choisi à la « sous-ensemble d’icônes SVG » dans votre panneau d’administration.

Si vous vous perdez, recherchez simplement « sous-ensemble d’icônes SVG » ici.

[Nisutec (Niclas)]

J’ai ajouté le code suivant dans l’en-tête

Mais maintenant, l’icône du bouclier est cachée. Comment puis-je utiliser une autre icône FA ?

@anon48433008

Et ajoutez également ce que vous choisissez à la « sous-ensemble d’icônes SVG » dans votre panneau d’administration.

Est-il possible d’ajouter des icônes FA Pro à la « sous-ensemble d’icônes SVG » ?

[anon48433008]

@Nisutec

Est-il possible d’ajouter les icônes FA Pro au « sous-ensemble d’icônes SVG » ?

Je ne sais pas, il faudrait certainement souscrire/payer et probablement modifier le script pour s’adapter à cette acquisition.

Font Awesome

Peut-être les contacter et leur demander ? Veuillez partager vos découvertes. Je ne suis pas sûr que cela vaille les 99 $ par an, mais si assez de personnes en font la demande, Discourse pourrait peut-être obtenir/ajouter une licence ?

En attendant, vous pouvez utiliser les versions gratuites.

Font Awesome

[Canapin (Coin-coin le Canapin)]

Je ne sais pas si cela peut aider, mais vous pouvez peut-être jeter un œil à ceci :

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

Introducing Font Awesome 5 and SVG icons

See also: We're upgrading our icons to Font Awesome 6! We will shortly merge into master a branch that upgrades Discourse to Font Awesome 5.5.0 (the free version) and switches to using SVG icons instead of an icon font. This is a substantial change, with lots of benefits, and one significant change for developers. Here is a quick rundown of the changes: using SVG icons will provide crisper icons, better for accessibility and easier to customize, see this Github article for more details since…

[Nisutec (Niclas)]

@anon48433008

Je ne sais pas, vous auriez certainement besoin de vous abonner/payer et il faudrait probablement modifier le script pour prendre cela en compte.

D’accord, la première ligne de mon en-tête est prévue pour la possibilité d’utiliser toutes les icônes FA. Mais pour le moment, l’API ne peut probablement pas y accéder.
Je vais essayer de faire une demande de fonctionnalité à ce sujet.

Merci à tous pour votre aide

[Nisutec (Niclas)]

Comment puis-je utiliser un fichier SVG personnalisé comme icône ?
J’ai téléchargé le fichier SVG sur Dark Design.

Et j’ai l’en-tête personnalisé suivant :

<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('shield-alt', '$shield-alt-duotone');
</script>

Mais l’icône n’est pas visible.

[Canapin (Coin-coin le Canapin)]

Ce n’est pas ainsi que cela fonctionne. $shield-alt-duotone est une variable destinée à être utilisée dans votre CSS personnalisé. Le premier sujet que j’ai lié précédemment explique comment remplacer les icônes par de nouvelles avec un fichier SVG :

Replace Discourse's default SVG icons with custom icons in a theme

You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component. Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …

[Nisutec (Niclas)]

D’accord, ça marche, merci.