| Résumé | Ajouter un badge au propriétaire du sujet dans ses publications. | |
| Dépôt | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| Guide d’installation | Comment installer un thème ou un composant de thème | |
| Nouveau sur les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Bonjour ![]()
Avec ce composant de thème, vous pouvez ajouter une étiquette de badge aux publications du propriétaire du sujet. C’est très utile sur les sujets plus longs car vous pouvez voir clairement qui est l’auteur original.
Filtre
La structure du composant permet de cibler séparément les vues mobiles et de bureau. De plus, il est possible de cibler chaque catégorie séparément et ainsi de personnaliser les badges d’auteur qui apparaissent dans quelles catégories et vues.
C’est possible avec un paramètre de thème :
Vous devez ajouter 3 paramètres pour que le composant soit fonctionnel.
-
view-type
- desktop
- mobile
-
category-name
- c’est la catégorie que vous voulez cibler, par exemple “support”
-
author-label
- l’étiquette du badge, par exemple “Author”
Exemple :
Comme il y a généralement moins d’espace dans ces endroits sur mobile, il est parfois judicieux d’ajouter une version plus courte sur mobile.
Maintenant, j’ai configuré un badge d’auteur pour la catégorie discourse qui affichera le texte “Author” sur ordinateur et le texte “OP” sur mobile.
Ok, mais que faire si je veux utiliser un texte différent dans les autres catégories ? Doivent-elles être définies séparément pour chacune ? Bien sûr que non.
Si vous laissez vide view-type ou category-name ou les deux… cela s’appliquera globalement sans remplacer ceux existants.
Exemple :
J’ai ajouté 2 badges supplémentaires qui utilisent le texte “Original Poster” pour les autres catégories sur ordinateur et utilisent le texte “Director” dans la catégorie vidéo sur les vues de bureau et mobiles.
Pour ce faire, laissez simplement vides ces sections en
tapant un point-virgule sans espace
Un autre exemple si vous voulez utiliser uniquement, par exemple, “Author” pour toutes les catégories et tous les types de vues. Utilisez ce qui suit :
Deux points-virgules (sans espaces) et Author
;;Author
Emplacements
Voyons quels emplacements vous pouvez ajouter des badges…
Vous pouvez sélectionner parmi 3 emplacements dans les paramètres du thème séparément pour la vue de bureau et mobile.
Ces deux paramètres ![]()
Bureau
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar (espace limité : utilise la largeur de l’avatar du sujet) (il est préférable de choisir une étiquette plus courte)
after-user-names
below-user-names
Mobile
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar (espace limité : utilise la largeur de l’avatar du sujet) (il est préférable de choisir une étiquette plus courte)
after-user-names (espace limité) (il est préférable de choisir une étiquette plus courte)
above-user
Personnalisation
Enfin, voyons quelques options de personnalisation.
Ici, vous pouvez personnaliser le badge d’auteur comme les couleurs, les styles de police, les coins…
Par exemple :
Celui-ci utilise les valeurs suivantes.
Ces variables de couleur peuvent ne pas utiliser les mêmes couleurs sur votre site, cela dépend du schéma de couleurs que vous avez.
C’est à vous de décider quel type de badge d’auteur cool vous créez. ![]()















