Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

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}


Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Test SPIP4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3