 |
Résumé | Mettez en avant un utilisateur sous forme de bannière en haut de votre site |
 |
Aperçu | Theme Creator |
| : hammer_and_wrench: | Dépôt | GitHub - NateDhaliwal/discourse-featured-user: Shows a banner at the top of the site to feature a user for a timeframe. |
| : question: | Guide d’installation | Comment installer un thème ou un composant de thème |
| : open_book: | Nouveau aux thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Aperçu
Ce composant permet aux administrateurs de mettre en avant un utilisateur avec ses statistiques sous forme de bannière en haut du site pour une durée déterminée. Les administrateurs peuvent choisir les statistiques à afficher, ainsi qu’une raison pour mettre en avant l’utilisateur (par exemple, conduite exemplaire, promotion TL4/Modérateur, etc.). Vous pouvez même placer une icône à côté du nom d’utilisateur dans la carte utilisateur et les publications.
Captures d’écran
Bannière avec toutes les statistiques (si vous voulez toutes les données)
Bannière avec quelques statistiques (si vous voulez un équilibre)
Bannière sans statistiques (si vous voulez mettre davantage l’accent sur la description)
Description complète
Ce composant est probablement l’un de mes plus compliqués à ce jour. Il affiche, ou met en avant, un utilisateur en haut de la page. Les administrateurs peuvent configurer la durée d’affichage de la bannière (dates comme durée), les statistiques de l’utilisateur à afficher, et les descriptions qui accompagnent la bannière (il y a 2 emplacements, le HTML est autorisé).
Il y a aussi une option pour afficher une icône spéciale (nom de l’icône, couleur et texte d’infobulle peuvent tous être configurés) à côté du nom d’utilisateur dans les publications et sur la carte utilisateur, comme ceci :
Publication (avec infobulle[1][2]):
Carte utilisateur (l’infobulle fonctionne aussi ici) :
La bannière est par défaut affichée uniquement sur la page d’accueil, mais les administrateurs peuvent la modifier pour l’afficher sur toutes les pages.
Ce composant peut être utilisé pour annoncer de nouveaux TL4, Modérateurs, etc.
CONSEIL : Vous pouvez utiliser
\u003ca class=\"mention\"\u003eusername_here\u003c/a\u003edans le texte de la bannière pour créer des bulles de @mention, sans notifier l’utilisateur cible, tout en affichant la carte utilisateur au clic.
Assurez-vous de saisir le bon nom d’utilisateur et non le nom. N’entrez pas non plus un utilisateur qui a caché son profil public. Ne pas le faire (ou le faire) provoquera un chargement infini et de nombreuses erreurs, potentiellement même une limitation de débit.
J’ai réutilisé les composants UserStat et UserProfileAvatar de la page de résumé utilisateur, et c’est incroyable que cela permette aux développeurs de simplement réutiliser des composants !
Paramètres (préparez-vous - il y en a beaucoup)
| Nom du paramètre | Description du paramètre | Valeur par défaut |
featured_user |
Le nom d’utilisateur de la personne que vous souhaitez mettre en avant | NA |
featured_user_banner_text_above |
Le texte au-dessus de la bannière pour décrire ce que l’utilisateur a fait (le HTML est pris en charge) | NA |
featured_user_banner_text_below |
Le texte sous la bannière pour décrire ce que l’utilisateur a fait (le HTML est pris en charge) | NA |
featured_user_banner_text_align |
Comment le texte de la bannière doit être aligné (gauche, droite ou centre) | center |
auto_resize_banner |
Ajuster automatiquement la largeur de la bannière pour s’adapter au nombre d’éléments | false |
featured_user_banner_display_start_date |
La date à laquelle la bannière commencera à s’afficher ; le format est AAAA-MM-JJ | 1900-01-01 |
featured_user_banner_display_end_date |
La date à laquelle la bannière cessera de s’afficher ; le format est AAAA-MM-JJ | 2100-01-01 |
featured_user_banner_display_on_homepage |
Afficher la bannière uniquement sur la page d’accueil. La décocher affichera la bannière sur toutes les pages | true |
featured_user_banner_border_color |
La couleur de la bordure de la bannière (les variables CSS et les codes hexadécimaux sont autorisés) | var(--primary) |
featured_user_banner_border_roundness |
L’arrondi de la bordure de la bannière, en px | 3 |
featured_user_banner_border_thickness |
L’épaisseur de la bordure de la bannière, en px | 10 |
featured_user_show_featured_icon_in_user_card |
Afficher une icône sur la carte utilisateur à côté du nom d’utilisateur lorsque l’utilisateur est mis en avant | true |
featured_user_featured_icon_in_user_card |
L’icône à afficher pour le paramètre ci-dessus | award |
featured_user_featured_icon_color_on_user_card |
La couleur de l’icône pour l’icône ci-dessus | var(--gold) |
display_total_likes_given |
Afficher le total des likes donnés par l’utilisateur | true |
display_total_likes_received |
Afficher le total des likes reçus par l’utilisateur | true |
display_total_post_count |
Afficher le nombre total de publications de l’utilisateur | false |
display_total_topic_count |
Afficher le nombre total de sujets créés par l’utilisateur | false |
display_total_read_time |
Afficher le temps de lecture total de l’utilisateur | false |
display_total_days_visited |
Afficher le nombre total de jours visités par l’utilisateur | false |
display_gamification_score |
Afficher le score de gamification de l’utilisateur | false |
Traductions de thèmes
| Nom de la traduction | Description | Défaut |
user.featured_user_icon |
Texte de l’icône d’infobulle au survol | “Cet utilisateur a été mis en avant !” |
Je pourrais améliorer cela pour prendre en charge la mise en avant de plusieurs utilisateurs plutôt qu’un seul.
Veuillez poster tous les bugs ou problèmes que vous rencontrez. Je suis ouvert à tous les commentaires que vous pourriez avoir.
J’espère que cela aidera quelqu’un !
