Une TC de plaisir : Confettis du discours Clique

:information_source: Résumé Ajoutez du fun à votre communauté en faisant apparaître des confettis là où vous cliquez, grâce à tsParticles.
:eyeglasses: Aperçu Theme Creator
:hammer_and_wrench: Dépôt GitHub - NateDhaliwal/discourse-confetti-clicks
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau sur les thèmes Discourse ? Guide du débutant pour l’utilisation des thèmes Discourse

Installer ce composant de thème

Ce composant de thème crée des confettis là où l’utilisateur clique ou tape. La quantité de confettis et l’angle de dispersion des confettis peuvent être contrôlés à l’aide de paramètres.
Ce composant de thème ajoute plus de fun à votre communauté pour la rendre plus interactive.
Les confettis sont rendus possibles par tsParticles, une bibliothèque JS pour animer des confettis, de la neige, des lignes et plus encore.
Une aide a été apportée par ask.discourse.com.

Paramètres :

  1. confetti_amount modifie la quantité de confettis à chaque clic.

:warning: Essayez de ne pas mettre un nombre trop élevé, sinon il y aura plus de latence lors de l’apparition et de la dispersion des confettis. 100-200 est une bonne plage.

  1. confetti_spread modifie l’angle de dispersion des confettis. Tous les nombres sont en degrés. Une valeur de 360 fait disperser les confettis dans toutes les directions. Une valeur de 1 fait disperser et tomber les confettis en ligne droite.
  2. allowed_in définit où les confettis peuvent être utilisés. Entrez le(s) slug(s) de catégorie dans ce champ. Pour plusieurs catégories, séparez les slugs par un | (sans espaces).
    Laisser ce champ vide active les confettis sur toutes les pages.
13 « J'aime »

C’est amusant ! Puis-je suggérer d’ajouter des limites à l’endroit où cela est activé ? Cela ne semble pas pratique lors de la navigation dans un espace général, mais cela pourrait être amusant sur une page de célébration.

5 « J'aime »

cela doit être lié à l’automatisation des anniversaires des membres :smiley:

14 « J'aime »

S’agirait-il d’une page de forum comme /leaderboard ou /about, ou de sujets dans une catégorie spécifique ?

MISE À JOUR :
Il existe un nouveau paramètre, allowed_in, qui permet d’afficher les confettis uniquement dans des catégories spécifiques. Entrez le slug de la catégorie. Pour plusieurs catégories, séparez-les par un |.

3 « J'aime »

Ceci est maintenant corrigé ! Laisser ce champ vide active les confettis sur toutes les pages.

1 « J'aime »

Mise à jour : la catégorie allowed_in est maintenant mise à jour pour utiliser category comme list_type pour le paramètre. Cela permet une meilleure façon de sélectionner les catégories.

Le lien de prévisualisation du créateur de thème ne me fait rien.

1 « J'aime »

Oups, de rien. Les catégories dans le réglage étaient #school et #movies. Je l’ai changé en #general.

C’est peut-être le TC le plus inutile :rire:


Je vais bientôt moderniser la balise script. Peut-être même avec un paramètre pour l’afficher sur des chemins d’URL spécifiques.

1 « J'aime »

J’ai mis à jour ce composant pour qu’il n’utilise plus \u003cscript type='text/discourse-plugin'\u003e.

J’ai également ajouté un paramètre allowed_in_urls pour activer les confettis sur certains chemins du forum (les arguments d’URL sont supprimés lors de la vérification).

Par exemple, les paramètres que j’ai sur le créateur de thèmes ressemblent à ceci :

Cela signifie que les confettis sont activés sur :

2 « J'aime »