WP-Cumulus

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

Discussion

15 discussions

  • 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

  • norbi90160

    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

  • 1

    A quand le vesion pour spip 2.1 ?

    • François Daniel Giezendanner

      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

  • 2
    François Daniel Giezendanner

    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

    • François Daniel Giezendanner

      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

    • François Daniel Giezendanner

      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

  • 1
    François Daniel Giezendanner

    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

    • 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

  • 2

    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/

    • François Daniel Giezendanner

      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

    • 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

  • François Daniel Giezendanner

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

    Cordialement

    FDG

    Répondre à ce message

  • 3

    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 !

    • 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 ;-) !

    • 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.

    • 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

  • 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

  • pour quand une version spip 2.0 ?

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom