Icônes à côté des catégories

J’ai donc installé le plugin - mais je ne vois aucun moyen de réellement placer une icône à côté d’une catégorie. Sous gérer les catégories, il y a des images - mais pas liées à FA ou svg. J’utilise le thème clair par défaut sur une installation auto-hébergée. J’ai lu ceci, ce qui est exactement ce que je veux - Category Icons

Sûrement que je devrais pouvoir modifier une catégorie et choisir une icône ou y mettre le code fa-mug ou autre quelque part ?? J’espère que je rate quelque chose de vraiment évident.

Salut, bienvenue :wave:

Si j’ai bien compris, vous avez installé le composant Icônes de catégorie, n’est-ce pas ?

Si vous souhaitez configurer le composant Icônes de catégorie, allez dans Admin → Personnaliser → Composants et sélectionnez-le. Les paramètres s’y trouvent.

2 « J'aime »

C’est exact. Je peux obtenir l’icône de question à côté de la catégorie Général - mais rien d’autre. Elles ne sont pas au format FA - alors comment puis-je voir une liste d’icônes que je peux sélectionner (ainsi que leur code) ?

Une fois ajoutées dans la section des icônes, que faut-il mettre dans le champ SVG ??

Si je veux ajouter cette icône FA par exemple - comment ferais-je ??

Il est très étrange que vous n’ajoutiez pas une icône dans la section de catégorie pertinente (où vous assignez des images !), mais dans un plugin de thème. Mais j’espère que c’est juste une courbe d’apprentissage en tant que nouvel utilisateur :slight_smile: La documentation suppose que vous savez des choses comme ça.

Ce que vous cherchez, ce sont les icônes Font Awesome 5, comme le dit la description : Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Toute icône que vous utilisez dans le paramètre category icon list est ajoutée à svg_icons.
Par exemple :

Ce que vous voyez :
image

N’oubliez pas de fournir le slug de la catégorie, pas le nom complet !
Vous pouvez voir le slug dans l’URL ou dans le paramètre de la catégorie.

Je comprends tout à fait ! Cette fonctionnalité ne fait pas partie du cœur de Discourse, et une façon de personnaliser Discourse est d’installer des composants de thème. Ce guide pourrait vous aider à mieux comprendre :

2 « J'aime »

Merci - c’est très utile. Je vais essayer et voir comment ça se passe ! Je pensais que la liste SVG était FA5 et que la liste d’icônes était intégrée car elle ne mentionne pas et n’est pas au format FA. Un autre point d’apprentissage !

2 « J'aime »

Merci - cela a très bien fonctionné, je sais maintenant comment cela s’applique. Je n’aurai sans doute beaucoup d’autres questions dans un avenir proche, ne partez pas loin :wink:

1 « J'aime »

Bonjour, peut-on remplacer les ensembles d’icônes standard par https://simpleicons.org/ ?

les gars s’il vous plaît aidez-moi

Salut Adi ! Bienvenue dans notre communauté. Cela aiderait les autres à pouvoir vous aider si vous partagiez plus de détails sur le problème que vous rencontrez et ce que vous essayez d’accomplir en utilisant différentes icônes. Avez-vous déjà un site Discourse configuré que vous êtes en train de paramétrer ? Faites-vous référence au plugin d’icônes de catégorie dont traite ce sujet ou parlez-vous de la façon dont les emojis et les icônes s’affichent dans tout Discourse ?

2 « J'aime »

Bonjour Tobias Eigen. Les icônes standard fonctionnent sur https://fontawesome.com/, mais je me demande comment les faire fonctionner via https://simpleicons.org/ car j’ai besoin d’insérer différentes marques de voitures. Pourriez-vous m’aider avec cela ?

Cela pourrait aider :

3 « J'aime »
/* Pour le menu de gauche, nous redéfinissons l'arrière-plan de l'élément avec la classe prefix-span à l'intérieur de la catégorie Audi */
.navigation-category [data-category-id="6"] .prefix-span {
  background: url("https://raw.githubusercontent.com/tima4502/car-icons/bb0d0fae3e5b66c512a27a130b219ec0ee342ada/audi.svg") center/contain no-repeat !important;
}

lorsque je clique sur la page principale, l’icône carrée réapparaît ! Pouvez-vous me dire ce que je fais de mal ? et sur la page de catégorie elle-même, cela fonctionne.