Nuage de tags Discourse

Ajoute un tag traditionnel (ou presque), réactif, « cloud » à la page Tag et éventuellement en haut de la liste de découverte pour faciliter la navigation. Les tags sont automatiquement disposés en nuage, tandis que leur taille relative représente la fréquence de leur utilisation.

Vous ne connaissez pas encore les tags Discourse ? Rendez-vous ici d’abord : Tags Discourse

NB Il est délibérément uniquement pour ordinateur (et tablette) pour le moment en raison des cibles tactiles potentiellement petites.

Paramètres

Le nuage de la page d’accueil est désactivé par défaut.

Vous pouvez jouer avec l’échelle des mots et la hauteur de la toile pour rendre les choses plus compactes. Je pourrai éventuellement rendre les choses rétractables dans une future version.

Vous pouvez jouer avec les paramètres de couleur pour passer au monochrome.

NB Si le paramètre tags listed by group est activé, le composant doit parcourir les groupes et ajouter les tags intégrés.

Voyez-le en action

Démo en direct ici : https://starzen.space/tags

Problèmes connus

  • Si vous ne rendez pas le nuage assez grand, ou si l’échelle des tags n’est pas assez petite, certains tags seront arbitrairement omis. Expérimentez.

  • En raison des cibles tactiles potentiellement petites, il n’est pas activé sur mobile. Considérez attentivement vos paramètres lorsque vous l’utilisez sur tablette. Je pourrai fournir un moyen de le désactiver sur tablette à l’avenir.

  • Pas de prise en charge automatique du mode sombre. Le schéma de couleurs par défaut est choisi pour être neutre et fonctionner sur les thèmes clairs et sombres. Il est possible de le rendre entièrement blanc ou entièrement noir en jouant avec les paramètres de couleur. Potentiellement, vous pourriez en installer deux et les configurer différemment pour le mode sombre. Je devrai réfléchir à l’automatisation ici.

  • Si vous avez l’animation activée et que vous parcourez rapidement les mots, ils rétréciront. C’est inévitable, je crois, car vous ne laissez pas assez de temps pour l’animation de sortie de la souris. Par conséquent, je fournis un moyen de désactiver l’animation dans les paramètres.

Crédits

Projets similaires

Si vous aimez ceci, vous pourriez aussi aimer mon :

|||
|-|-|-|
| :hammer_and_wrench:|Dépôt| Nuage de tags Discourse |
| :question:|Guide d’installation|Comment installer un thème ou un composant de thème|
| :open_book:|Nouveau dans les thèmes Discourse ?| Guide du débutant pour utiliser les thèmes Discourse|

NB Vous devez inclure votre dossier de téléchargements dans votre paramètre content security policy script src.

19 « J'aime »

La taille d’un mot dépend-elle du nombre de fois où il a été utilisé comme tag ?

Correct. Je devrais ajouter cela à OP

J’ai reçu un message d’erreur indiquant Refused to load the script 'https://{{some url}}.js' because it violates the following Content Security Policy directive: \"script-src\" et Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Il semble que vous n’ayez pas autorisé votre site à utiliser des scripts de votre dossier d’uploads ?
Vous avez besoin d’une entrée comme celle-ci :

image

(avec votre propre domaine).

1 « J'aime »

Merci, et j’ai constaté qu’il interroge uniquement les balises de « Autres balises » s’il existe des groupes de balises.

Ah, intéressant. Merci pour vos commentaires. Il n’a été testé qu’en l’absence de groupes d’étiquettes. J’y jetterai un coup d’œil à l’occasion…

Je viens de regarder ceci, j’ai :

  • Créé un nouveau groupe d’étiquettes
  • Ajouté une étiquette existante au groupe.
  • Rafraîchi la page d’accueil
  • L’étiquette s’affichait toujours dans le nuage.

Je ne peux donc pas reproduire votre problème ? Veuillez fournir les étapes complètes pour reproduire.

Ce nuage de mots serait-il les mots les plus prononcés sur le forum ? Comme un sujet tendance sur Twitter ?

Non, c’est littéralement un nuage de Balises Discourse. Cependant, j’ai aussi créé : Word Cloud plugin (qui est d’ailleurs lié dans le premier message), ce qui ressemble davantage à ce que vous décrivez ?

1 « J'aime »

Existe-t-il quelque chose de similaire aux sujets tendance de Twitter ? Par exemple, les sujets les plus populaires du jour (saisis dans les sujets)

Core Discourse possède déjà cela, cela s’appelle la liste “Top” :

Je pense que la traduction est erronée, je voulais dire les mots les plus cités du jour, exemple : Queijo, Carne, The Weeknd, Xtina, American Idol

[image]

1 « J'aime »

Le plugin Word Cloud est probablement le plus proche, mais il n’a pas de dimension temporelle (encore), il prend des statistiques agrégées de l’ensemble du forum (ou de catégories sélectionnées).

Génial ! J’ai toujours voulu avoir un nuage de tags dans Discourse, donc je suis ravi de voir que ce composant de thème est disponible. Beau travail !

Le truc CSP est étrange - j’ai rencontré la même erreur, et finalement cela n’a fonctionné pour moi que lorsque j’ai ajouté le chemin spécifié dans l’erreur qui était :

https://SITEURL/uploads/default/original/1X/
1 « J'aime »

J’ai vérifié le code source et j’ai trouvé que la propriété computed tags property ne retournait que les groupes d’étiquettes dans tags.json, les autres sont dans extras.tag_groups. Cependant, je n’ai pas réussi à trouver comment résoudre le problème.

1 « J'aime »

Bien joué d’avoir essayé, mais si vous voulez que je corrige quoi que ce soit, il serait très utile d’avoir des étapes fonctionnelles pour reproduire le problème, s’il vous plaît, depuis le front-end, comme si vous étiez juste un utilisateur, car pour l’instant, je ne vois pas le problème.

J’ai juste installé le composant et je vais à la page /tags et je ne trouve que les tags sans groupe assigné qui s’affichent dans le nuage.

Mise à jour : désolé, j’ai oublié de mentionner que l’option “lister les tags par groupe” est activée, cela faisait un moment que je l’avais activée, j’avais oublié qu’elle était désactivée par défaut.

1 « J'aime »

Je suis capable de reproduire cela. Si vous activez le paramètre « tags listed by group », vous ne verrez que les tags non regroupés dans le nuage de tags.

Screen Shot 2022-02-15 at 1.03.58 PM

Dans le processus, je reçois également cette erreur.

Ralentissez, trop de requêtes de cette adresse IP.
Veuillez réessayer dans 3 secondes.
Code d'erreur : ip_10_secs_limit.
3 « J'aime »

Merci, cela m’aurait fait gagner beaucoup de temps.

Je vais l’ajouter comme problème connu jusqu’à ce que j’aie le temps de m’en occuper (fait).