SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 290 visiteurs en ce moment

Accueil > Navigation > Nuage de mots (tagcloud) > WP-Cumulus pour SPIP > WP-Cumulus

WP-Cumulus

7 décembre 2008 – par PaulH – 26 commentaires

Toutes les versions de cet article : [English] [français]

7 votes

Attention, cette contribution est EN CHANTIER : elle n’est peut-être pas fonctionnelle.

Adaptation du fameux plugin de Roy Tanck pour SPIP.

Bonjour à tous

Vous connaissez sans doute le fameux plugin de Roy Tanck pour Wordpress WP-Cumulus. J’avais très envie de l’utiliser sur mon site SPIP.

Après plusieurs jours de recherche dans les forums, sites et même dans l’indispensable Google, je n’ai rien trouvé... snif...

Alors je m’y suis collé

Résultat, un code, à insérer dans votre squelette, qui mêle Javascript pour vous permettre d’afficher vos mots-clés comme un nuage de tags.

On peut changer facilement la taille de l’anim Flash, la couleur de fond, la couleur et la taille du texte, la vitesse de rotation des tags, le nombre de mots-clés affichés, la page appelée, rendre le fond transparent.
blabla
Bien sûr, il y a quelques limitations : Pas de prise en charge des groupes de mot-clés (je ne m’en sers pas...) et pas d’utilisation des adresses propres (j’ai pas encore tout compris là-dessus...).

Enfin, je n’ai pu tester que sur ma version de SPIP 1.9.2 c.

Comment ça marche ?

Le code commence par construire une simple liste des mot-clés avec leur lien en HTML dans un DIV. Puis, grâce au script SWObject joint [1], il teste la présence et la version du plugin Flash et, si tout va bien, il remplace la liste par l’animation Flash dans le DIV. S’il existe une incompatibilité, ou si votre visiteur bloque le Javascript, c’est la liste qui est affichée à la place de l’animation.

Ainsi, aucun visiteur ne se retrouve devant un bout de page vide ni ne perd la navigation transversale permise par le système des mot-clés !

De plus, le code de cette liste HTML restant dans la page, cela permet aux robots de nos amis les moteurs de recherche de ne pas se casser le nez sur les liens en Flash, puisqu’ils existent « en dur »... On évite ainsi le problème du référencement des liens Flash.

Testé sur le site http://browsershots.org, le script marche dans 98% des navigateurs, sous Windows, Mac, Linux, BSD. C’est à dire qu’il affiche soit l’anim Flash (95%) soit la liste HTML. Néanmoins, l’affichage du Flash semble poser problème sous Mac OS, provoque une erreur avec MSIE 4.0 et Opera 7.11 sous XP, avec Konqueror 3.5 sous Debian et Dillo 0.89.6 sous Ubuntu 7.

J’en veux !

Pour voir comment j’utilise ça, rendez-vous sur http://www.ph-guillon.com.

Pour télécharger les fichiers nécessaires, voir l’article correspondant. (avec l’autorisation des auteurs sous licence GNU-GPL ou MIT)

Le code est trop long pour être affiché ici, mais distribué au format txt.

J’en veux, mais pas comme ça....

Si vous voulez aller plus loin, je vous conseille cet article du blog de Roy Tanck How to repurpose my tag cloud Flash movie (en anglais) où vous pourrez voir WP-Cumulus cette fois dans la barre de navigation latérale.

Vous y apprendrez que l’on peut aussi « nourrir » son animation avec un fichier XML externe pour d’autres utilisations.

A vos claviers et ne vous couchez pas trop tard...

PaulH

Notes

[1Script écrit par Geoff Stearns http://www.geoffstearns.com

Dernière modification de cette page le 4 octobre 2011

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 16 mai 2011 à 16:30, par Aliak En réponse à : WP-Cumulus

    Bonjour et merci pour ces codes et pièces jointes.

    Voilà maintenant deux heures que j’essaie de le mettre en place. Cela ne fonctionne pas alors que j’ai suivi les instructions, à savoir :
    - mis les fichiers à la racine,
    - fais l’inclusion dans le head,
    - mis à jour mes plug-ins flash et java. D’ailleurs, quand je vais sur d’autres sites, leurs nuages fonctionnent.

    J’ai le message suivant comme ce fut le cas pour norbi 90160 (message précédent)

    Votre navigateur n’accepte pas le Javascript ou bien votre Plugin Flash n’est pas à jour (version 7 minimum). C’est dommage, c’est plus joli avec...

    « . $Keywords[$i] . » «  ; else $TheString = »« . $Keywords[$i] . »
    " ;
    $z++ ; //Envoi du code dans le flux echo $TheString ;  ?>

    Autrement dit, je dois avoir un problème avec la création de la liste de mots clefs.

    Est-ce quelqu’un pourrait m’aider ? Avez-vous besoin de précisions supplémentaires ?

    Pour information, je cherche aujourd’hui à avoir un nuage de mots sans que ces derniers soient des mots clefs d’ailleurs. Si je pouvais comprendre comment mettre moi-même des mots parmi les variables, j’arriverais sûrement à mes fins. J’ai bien essayé mais... pas réussi.

    A bientôt

    Répondre à ce message

  • Le 29 décembre 2010 à 09:59, par norbi90160 En réponse à : WP-Cumulus

    Bonjour,

    J’essaie de mettre en place ce plugin et j’obtiens l’erreur suivante :
    « Votre navigateur n’accepte pas le Javascript ou bien votre Plugin Flash n’est pas à jour (version 7 minimum). C’est dommage, c’est plus joli avec...

     ». $Keywords[$i] .« «  ; else $TheString = » ». $Keywords[$i] ."
    «  ;
    $z++ ; //Envoi du code dans le flux echo $TheString ;  ?> »

    Mon navigateur acceptant le javascript il faut donc que je mette à jour le plugin Flash.
    Ben voila, pour un puriste c’est sans doute simple, mais pour ma part concrètement je ne sais pas comment faire. S’agit-il d’un plugin spip à installer ? Quelque chose à installer sur mon navigateur, sur le serveur ?
    De l’aide serait fort sympathique. Merci.

    Répondre à ce message

  • Le 19 avril 2010 à 20:42, par naheulband En réponse à : WP-Cumulus

    A quand le vesion pour spip 2.1 ?

    • Le 11 novembre 2010 à 14:28, par François Daniel Giezendanner En réponse à : WP-Cumulus

      La version pour SPIP 2.1 est déjà là, elle l’est d’office :

      Bonjour,

      J’utilise spip-cumulus (alias wp-cumulus) en DEV sur SPIP 2.1.2 et il sera opérationnel sur le site http://icp.ge.ch/sem/cms-spip/ avec SPIP 2.1.2 lorsque nous migrerons ce dernier en SPIP 2.1.2 (probablement fin de cette année ou début 2011).

      Le résultat de mes mises en œuvre avec SPIP 2.0.x et SPIP 2.1.x en DEV est décrit ici :

      Cordialement

      FDG

    Répondre à ce message

  • Le 9 novembre 2010 à 13:00, par François Daniel Giezendanner En réponse à : WP-Cumulus

    Cher PaulH,

    J’ai utilisé votre développement avec SPIP 2.0.x et SPIP 2.1.x et l’ai décrit ici :

    Tout fonctionne à la perfection sauf le lien lorsque l’on clique sur les mot du nuage, il envoie l’URL :

    au lieu de :

    Je n’ai pas trouvé comment corriger ce problème, savez-vous comment le faire ?

    Cordialement

    FDG

    • Le 10 novembre 2010 à 14:45, par François Daniel Giezendanner En réponse à : WP-Cumulus

      Bonjour,

      Je me répond à moi-même !

      Milles excuse, la réponse exacte a déjà été donnée dans ce forum ici :

      De plus, c’est parfaitement documenté dans le fichier txt et simple a régler.

      Cela fonctionne à la perfection

      Grand Merci PaulH, et Bravo

      FDG

    • Le 10 novembre 2010 à 14:47, par François Daniel Giezendanner En réponse à : WP-Cumulus

      Voila ce que j’ai réglé :

      //Permet de changer le nom de la page cible au besoin       
      //$PageName="keyword";
      $PageName="";

      //Permet de changer le nom du paramètre id_mot       
      //$ParameterName="id_mot";
      $ParameterName="mot";

      //Prépare le lien pour les mots-clés avec le nom de la page cible
      //$PagePreUrl="spip.php?page=".$PageName."&".$ParameterName."=";
      $PagePreUrl="spip.php?".$PageName."".$ParameterName."";

      Ça tourne comme une horloge !

      A+

      FDG

    Répondre à ce message

  • Le 27 janvier 2010 à 14:51, par François Daniel Giezendanner En réponse à : WP CUMULUS

    Cher PaulH,

    Je me référais à l’article http://www.mouettesdeparis.com/ et non à votre site sur lequel le nuage de tags est immédiatement visible sur la page d’accueil (comme ce forum est hiérarchisé je pensais qu’on retrouverait mon billet à la bonne place, mais j’ai du faire une erreur de positionnement...)

    J’en ai fait mention ici :

    Désolé pour le dérangement et merci pour la pointe d’humour !

    Votre page mérite qu’on s’y attarde :

    Bravo et bonne continuation

    FDG

    • Le 1er février 2010 à 10:46, par jesam En réponse à : Mouettes

      Pour Info, le sites des mouettes a été modifié, se reporter sur blog.styloswagram.com/ SPIP 2.0.10.

      Ce nuage peut être installé (très facilement) sur n’importe quel site, sur SPIP on utilise la boucle mots clés, mais vous pouvez faire ce que vous voulez, par exemple sur un Oscommerce : www.rechargestylo.fr/ où là j’ai codé à la main les liens.

    Répondre à ce message

  • Le 20 septembre 2009 à 21:20, par Jesam En réponse à : WP CUMULUS

    Fonctionne parfaitement sous les différentes versions 2.0.
    Il faut néanmoins déclarer le fichier js dans le header. On peut le placer ou l’on veut. S’il est à la racine ajouter donc :

    <script type="text/javascript" src="swfobject.js"></script>

    Comme déjà dit plus haut ne fonctionne qu’avec une version 1.4 de ce js.

    Exemple http://www.mouettesdeparis.com/

    • Le 27 janvier 2010 à 11:11, par François Daniel Giezendanner En réponse à : WP CUMULUS

      Bonjour,

      Pourriez-vous indiquer précisément sur quelle page de votre site apparaît WP-Cumulus (votre lien n’y conduit pas) ?

      Cordialement

      FDG

    • Le 27 janvier 2010 à 13:56, par PaulH En réponse à : WP CUMULUS

      Bonjour,

      si je travaillais chez Microsoft, je vous répondrais que WP Cumulus apparait dans l’article N°87 de la rubrique « Vu dans la vie » intitulé « PaulH adapte WP Cumulus pour Spip », daté du 28 novembre 2008 et mise à jour en décembre 2009. En effet, cette réponse est techniquement scrupuleusement exacte et pratiquement ne vous aide en rien.

      Pour trouver un article sur mon site, vous pouvez utiliser le moteur de recherche de la page d’accueil (vers laquelle mène le lien) en tapant « cumulus spip ».

      Vous pouvez aussi utiliser Google, qui est votre ami (quoique, voir l’article "Google contre Pékin : une histoire d’espionneur espionné ?) avec la même requête.

      Dans les deux cas, le résultat recherché apparait en haut de la page.

      Cordialement

      PaulH

    Répondre à ce message

  • Le 27 janvier 2010 à 12:17, par François Daniel Giezendanner En réponse à : WP CUMULUS

    Quelqu’un envisage-t-il d’en faire un plugin pour SPIP 2 ?

    Cordialement

    FDG

    Répondre à ce message

  • Le 9 mars 2009 à 16:46, par ? En réponse à : même constat que toi, ça ne marche pas avec spip2

    J’en suis au même point que toi et pareil, je ne vois pas d’où vient l’incompatibilité avec spip 2

    Merci de votre aide !

    • Le 15 mai 2009 à 17:31, par David En réponse à : même constat que toi, ça ne marche pas avec spip2

      De mémoire, lorsque j’ai voulu faire fonctionner mon nuage, j’ai du récupérer la version 1.4 de la librairie javascript SWFObject au lieu de la version 2.1 que l’on trouve dans le zip aujourd’hui disponible en téléchargement sur le site de PaulH. J’ai aussi changé le comportement lorsque l’on clique sur un des mots (chez moi, cela effectue une recherche) mais ça n’a rien à voir avec le sujet de ce message ;-) !

    • Le 20 janvier 2010 à 10:26, par ? En réponse à : marche avec Spip2 - comment programmer le comportement quand on clique sur un mot-clé ?

      Bonjour,
      Merci pour vos conseils concernant la configuration pour Spip 2 ; il faut effectivement mettre la version 1.4 pour que cela fonctionne. Pourriez-vous expliquer comment vous avez fait pour programmer le comportement lorsqu’on clique sur un des mots pour que cela effectue une recherche ? J’aimerais faire la même chose. Merci d’avance.

    • Le 20 janvier 2010 à 15:07, par PaulH En réponse à : marche avec Spip2 - comment programmer le comportement quand on clique sur un mot-clé ?

      Bonjour,

      un lien est attaché à chaque mot du nuage.

      Ici, ce lien appelle la page keyword avec l’id_mot en paramètre. Par exemple en cliquant sur « psychologie », vous appelez la page spip.php ?page=keyword&id_mot=1.

      Pour faire une recherche, il faut appeler la page recherche avec en paramètre la clef de recherche. Par exemple pour « solidarité » vous voulez appeler spip.php ?page=recherche&recherche=solidarité

      Il y a 3 différences et donc 3 points à changer : le nom de la page, le nom du paramètre et la valeur du paramètre.

      Le code fourni (Spip-Cumulus-F.txt) est prévu pour simplifier cela.

      1/ pour changer le nom de la page ( keyword -> recherche), il faut changer la variable $PageName (c’est commenté)

      2/ pour changer le nom du paramètre ( id_mot -> recherche), il faut changer la variable $ParameterName (c’est commenté aussi)

      3/ pour changer la valeur du paramètre, il faut changer la variable $TheString en remplaçant $KeywordsId[$i] par $Keywords[$i].

      Cette variable apparait à 3 endroits et il faut donc faire le changement 3 fois.

      Enfin, ça va sans dire mais ça va mieux en le disant, il faut que le moteur de recherche soit activé et qu’une page « recherche » correspondante existe ;-)

      Cordialement

      PaulH

      http://www.ph-guillon.com

    Répondre à ce message

  • Le 10 février 2009 à 14:40, par ? En réponse à : SPIP v2 ?

    SPIP 2.0.3 [13596]

    -  fichiers correctement installés à la racine

    -  code inséré dans une page du squelette sous forme d’inclure

    Et pourtant, l’animation flash n’apparaît pas...

    Je ne pense pas que cela puisse venir de mon navigateur, et des plugins java et flash, d’une part, parce que je l’ai testé sous plusieurs config différentes, d’autre part, parce que mon navigateur affiche bien l’animation sur le site de l’auteur.

    -  Test avec et sans les plugins : aucun changement

    -  Test avec ou sans inclure : aucun changement

    J’en viens à me demander ce qui dans spip cumulus pourrait être incompatible avec Spip 2 ?

    Répondre à ce message

  • Le 18 janvier 2009 à 23:32, par Dav En réponse à : WP-Cumulus un nuage de tags pour SPIP

    pour quand une version spip 2.0 ?

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Adaptive Images

    15 novembre 2013 – 69 commentaires

    Un plugin pour permettre aux sites responsive d’adapter automatiquement les images de la page à l’écran de consultation. Adaptive Images, que l’on pourrait traduire par Images adaptatives, désigne la pratique qui vise à adapter les taille, (...)

  • Social tags

    8 septembre 2008 – 428 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • Module de Paiement Stripe

    17 octobre – commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

Ça spipe par là