Nuage de Mots clés
Article mis en ligne le 16 janvier 2016
dernière modification le 20 avril 2021

par Jean Christophe Villeneuve, SpipFactory

Vous voudriez afficher un nuage de mots-clés mais sans installer et mettre en œuvre un plugin et encore moins utiliser un service en ligne sur le Web pour créer des nuages de mots-clés ?
Voici une solution B-)


Objectif  : afficher les mots-clés (sauf ceux nécessaires au fonctionnement d’Escal) en faisant varier la taille de la police en fonction de leur fréquence d’utilisation.

Le principe

  • on crée un modèle dans lequel on écrira les mots-clés du site que l’on ira rechercher dans une boucle MOTS.
  • on exclut les groupes créés et/ou utilisés par Escal (affichage, trombino, type_rubrique, Agenda_couleur)
  • on affiche les mots-clés en faisant varier les couleurs (5 couleurs ici)

Le code

Il va falloir créer 3 fichiers (ou les compléter s’il existent déjà) :

tag.html

C’est le modèle qui sera appelé dans votre noisette. Ce fichier tag.html est à créer dans le dossier /squelettes/modeles

NB1 : on peut changer la limite du nombre de mots-clés en modifiant la valeur dans le critère {0, 40} de la BOUCLE_mots

NB2 : on peut cibler un ou plusieurs groupe de mots précis en remplaçant

{type !IN affichage, trombino, type_rubrique, Agenda_couleur}


par

{type IN groupe_un, groupe_deux, groupe_trois}


groupe_un, groupe_deux, groupe_trois étant bien sur à remplacer par les noms de vos groupes.

mes_fonctions.php

Ce fichier dont voici le code pour info est maintenant intégré dans le fichier escal-fontions.html

perso.css

Code à rajouter dans votre fichier /squelettes/styles/perso.css (fichier à créer si pas encore existant) pour gérer l’aspect et les couleurs de votre nuage de mot clés (à modifier selon vos goûts).

Vous devez donc avoir 2 fichiers dans votre dossier /squelettes

  • /squelettes/modeles/tag.html
  • /squelettes/styles/perso.css

La mise en œuvre

il suffit de mettre <tag|> dans une de vos noisettes ou article pour afficher votre nuage de mot clés

Et voici le résultat, ici avec {type IN Thèmes, Onglet de paramétrage}