SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 33 visiteurs en ce moment

Accueil du site > Navigation > Nuage de mots (tagcloud) > Afficher ses mots clefs façon Tags

Afficher ses mots clefs façon Tags

29 mars 2006 – par rpapa – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

4 votes

Une petite boucle , le filtre {alterner} et un peu de CSS , et hop on affiche les mots clefs façon Tag

L’objectif , afficher les mots clefs en faisant varier, la taille, l’épaisseur et la police du mot clefs d’un mot à l’autre. comme sur cette page

Deux autres contribs proposent aussi ce type d’affichage
-  une de booz : Afficher les mots-clés en faisant varier la taille de la police ;
-  une de mortimer : Un affichage fonction de l’importance relative dans le site.

La deuxième partie de ma contrib utilise les fonctions présentées dans la contrib de Mortimer. la première est indépendante et présente l’utilisation du filtre |alterner{..} pour obtenir l’affichage

Afficher les mots clefs façon Tags indépendamment de l’importance relative du mot clef

dans cette première partie, on réalise juste un affichage façon tag qui n’a pas la pertinence des tags, en effet, en général, la taillet et l’épaisseur d’un tag est fonction de l’importance relative du tag. Ici on a juste un affichage « look-like ».

2La boucle2

Le filtre {alterner} permet de sélectionner un style parmi :
-  tag_epaisseur_1, tag_epaisseur_2, tag_epaisseur_3
-  tag_taille_1, tag_taille_2, tag_taille_3
-  tag_police_1, tag_police_2, tag_police_3

2La feuille de style2 La feuille de style associée est la suivante :

2Comment installer la contrib2
-  vous copiez les styles ci-dessus dans votre feuille de style en les adaptant à votre site ;
-  vous modifier votre boucle mots clefs en vous inspirant de celle ci-dessus

Prise en compte de l’importance du mots clefs

On se propose maintenant de faire varier la taille du mot clef en fonction de la fréquence d’utilsation du mot clef (en nombre d’articles associés).

Ici, nous aurons besoin d’utiliser des filtres spécifiques que nous placerons dans mes_fonctions.php3.

2La boucle2

Remarque, je décris ici, les boucles utilisées sur le site exemple, dans lequel j’ai choisi de faire une répartition par groupe de mots clefs et non pas sur tous les mots clefs.

-  La boucle englobante <BOUCLE_GR_mots(GROUPES_MOTS) ....> permet de scanner tous les mots clefs ;

-  La boucle <BOUCLE_max(MOTS) .....> est inspirée (fortement, c’est la meme) de la contrib de Mortimer, elle permet de déterminer le nombre maximum d’articles associés à un mot clef. Cette valeur est affectée via le filtre |filtre_max{..} à la variable total_#ID_GROUPE soit les variables total_1, total_2, total_3,....

-  La boucle <BOUCLE_aff(MOTS) ....> liste les mots clefs par groupe de mots clefs

-  La boucle <BOUCLE_aff_art(ARTICLES) {id_mot}> va déterminer pour chaque mot clef la taille des caractères du mots, au travers d’une classe spécifique définie par :

class="tag_taille_(#_aff_art:TOTAL_BOUCLE|filtre_max{total_#ID_GROUPE}|coef{#_aff_art:TOTAL_BOUCLE,4}|alterner{'1','2','3','4'})]"  

Le nom de la classe est calculé à partir du nombre d’article pour chaque mot clef #_aff_art:TOTAL_BOUCLE, ce nombre est passé en paramètre à la fonction coef{#_aff_art:TOTAL_BOUCLE,4} ainsi que filtre_max{total_#ID_GROUPE}, à partir de ces deux valeurs, la fonction coef retourne une valeur comprise entre 1 et 4 en fonction de l’importance du mot clef, cette valeur est utilisée dans le filtre |alterner, on obtient donc les classes suivantes : tag_taille_1, tag_taille_2, tag_taille_3 et tag_taille_4 que l’on doit définir dans la feuille de style.

2La feuille de style2

La feuille de style est élémentaire et ne pose pas de pb, on y retrouve les différentes classes.

Remarque : dans la contrib, je vais aussi varier de manière alternée l’épaisseur du texte afin d’éviter d’avoir des mots clefs cote à cote avec la même typographie.

2Les fonctions2

Ces fonctions sont à placer dans mes_fonctions.php3. elles sont extraites de la contrib de Mortimer Un affichage fonction de l’importance relative dans le site.

Je vous laisse lire les commentaires de Mortimer pour en comprendre le fonctionnement.

Nota : seule la fonction coef a été modifiée par rapport à celles de Mortimer.

2Installation de la contrib2
-  vous copiez dans votre squelette mot.html les boucles en les adaptant si nécessaire ;
-  vous copiez la feuille de style dans votre feuille de style ;
-  vous copiez les fonctions dans votre fichier mes_fonction.php3

A vous

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Transaction : créer des formulaires avec paiement en ligne

    13 mars 2011 – 32 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Transaction est une extension du plugin de création de formulaires Formidable pour concevoir des formulaires de paiement en ligne et les connecter aux principales API bancaires françaises. Présentation Transaction introduit 3 nouveaux types de (...)

  • Formulaire de contact avancé

    23 mars 2009 – 1041 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un formulaire de contact configurable, avec de multiples options.

  • Squelette Multi-Saisons

    19 février 2009 – 226 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un squelette qui change de couleurs suivant les saisons, un graphisme tout en rondeurs et de très nombreuses options.

  • JQuery Masonry

    15 août 2011 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin est un portage pour Spip du plugin jQuery Masonry de David DeSandro : http://masonry.desandro.com/ Principe Ce plugin réorganise les blocs de votre page page d’après une grille (de manière verticale et horizontale) pour réduire au maximum (...)

  • Thélia

    26 juin 2007 – 835 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Une approche basée sur l’utilisation conjointe des deux logiciels SPIP et Thélia pour la réalisation de sites de publication et de vente en ligne