Mettez vos tags dans un vrai nuage 3D

Bonjour! Si vous êtes nouveau ici, peut être seriez-vous intéressé par une visite guidée ou vous abonner au flux RSS du blog afin d'être tenu à jour des nouvelles publications. Dans tous les cas merci de votre visite !

Et cela de manière trèèèèès facile grâce au plugin wordpress nommé WP-Cumulus.

Ce qui est à noter c’est qu’il s’agit vraiment de 3D, il ne s’agit pas simplement de jouer sur des tailles de textes différentes positionnées de manière à faire « comme si » c’était de la 3D. Ici, grâce à un module flash, vous allez pouvoir faire tournoyer les tags dans tous les sens et cliquer dessus.

La mise en place est excessivement simple puisqu’il suffira d’uploader le plugin, de l’activer et de coller l’expression [WP-CUMULUS ] dans la page adéquate. Si vous préférez insérer le nuage dans votre thème plutôt que dans une page, une simple ligne en PHP est disponible. Bref c’est très simple.

Le nuage 3D est entièrement personnalisable en ce qui concerne les dimensions hauteur/largeur, vous pouvez choisir la couleur de fond et celle du texte ou encore activer la transparence.

L’effet est vraiment réussit je trouve, même si comme me l’ont fait remarquer Clément et Kévin sur Twitter, niveau accessibilité c’est pas forcément ce qui se fait de mieux ;-) EDIT: p-e pas si inaccessible que cela puisqu’il existe notamment une version HTML pour chaque tag.

Mais que voulez-vous je suis un grand enfant moi : ça tourne, ça virevolte, ça vit et j’aime ça! Par contre c’est vrai que je n’irai pas jusqu’à n’avoir QUE cette solution pour mes tags.

Catégorie(s) - Wordpress | Tag(s)

nuage, plugins, tags, Wordpress, wp-cumulus |

Imprimer

Faites un lien vers cette news sur votre site :

D'autres lectures similaires ?

Flux RSS des commentaires

21 commentaires

julien le 3 avril 2008 @ 11:50

En effet c’est joli tout plein :)
Et tu dira à Clément et Kévin qu’ils se trompent sur le coté accessibilité, car dans ce cas précis l’auteur à penser à afficher la liste de tags en version html en contenu alternatif, de plus le nuage est intégré via swfobject (qui est un plus) :)
julien’s last blog post..Brève 14: jQuery, wallpaper, CSS, listes …
Christophe le 3 avril 2008 @ 11:59

Ah bein c’est cool alors ;)
Pour leur défense je dirai qu’ils n’avaient que la vision de ma page, pas l’explication qui allait avec (en plus je crois qu’ils m’ont posé la question pour la partie html mais Twitter allait trop vite à ce moment là :p)
rez0 le 3 avril 2008 @ 14:47

En effet très bel effet, pas convaincu niveau intégration / accessibilité dans un template, une page comme tu l’as fait me parait plus judicieux
rez0′s last blog post..Cinq alternatives à Google Analytics
Christophe le 3 avril 2008 @ 15:10

Par contre j’y réfléchissais et je me dis que c’est peut-être une jolie solution à mettre en place sur une page d’erreur 404 par exemple.
En général lorsqu’une personne tombe sur un page de ce genre, il y a une potentialité importante qu’elle quitte le blog.
Si elle se trouvait devant un nuage « interactif » comme ça, elle pourrait être motivée à cliquer sur l’un des mots retenant son attention, juste « pour voir » et du coup se retrouver sur un contenu qui pourrait lui plaire :)
J’ai mit ça en test, on verra ^^
Berious le 3 avril 2008 @ 16:27

C’est super! Merci beaucoup, je scroll faire un billet sur mon blog. Mais c’est juste dommage de ne pas pouvoir choisir le nombre de tags à afficher… Il ne s’affiche que ceux qui ont été utilisé plus de 3 fois :(
Berious’s last blog post..Comment revenir à l’ancien widget MyBlogLog et +
Christophe le 3 avril 2008 @ 18:14

Pour le nombre de tags oui j’y ai pensé aussi ;)
C’est aussi dommage que l’ont ne puisse pas faire plusieurs nuages différents. Là j’en mettrai bien un petit dans la sidebar par exemple mais je ne peux pas trop le faire si je veux le laisser aussi large sur les autres pages :) Ca viendra p-e dans les prochaine versions.
Tommy le 3 avril 2008 @ 18:30

Sympa le rendu que ça donne !
Par contre, la taille est personnalisable ? Parce que s’il y a beaucoup de tags, ça risque de faire un gros n’importe quoi, non ?
Mat le 4 avril 2008 @ 21:01

Merci pour le plugin, vraiment superbe. Je l’ai installé et il me convient parfaitement.
Je suis aussi d’accord avec Christophe, dans une page 404 ça attirerai le visiteur à rester ;) Reste plus qu’à en créer un deuxième…
@Tommy oui la taille est personnalisable. Ils indiquent une largeur de 500px pour un meilleur rendu mais je l’ai mis aux alentour des 400 et il va très bien :)
Christophe le 4 avril 2008 @ 21:57

Désolé Tommy j’étais passé à côté de ton commentaire ;)
Si tu parle bien de la largeur de l’espace utilisé alors oui c’est configurable comme tu veux, si tu parle de la taille des tags alors non (en tous cas je n’ai rien vu pour changer).
lenoble le 18 mars 2009 @ 1:33

Bonjour,
Cela fonctionne t-il dans la page d’un site web et non d’un blog ?
Christophe le 18 mars 2009 @ 14:03

Dans le cas présent non, il s’agit d’un plugin WordPress. Cela existe peut-être pour site web classique mais si c’est le cas je n’en ai pas entendu parler ;)
lenoble le 20 mars 2009 @ 13:24

Dommage………..
Anonyme le 13 juillet 2009 @ 12:37

Je cherche partout, mais je trouve pas la même chose pour un site « normal »…
tof le 6 octobre 2009 @ 12:38

j’ai vu que cela existe mais avec des images, comment fait t on car je ne trouve pas d’apllication pour ça !
Christophe le 6 octobre 2009 @ 13:52

@tof >> c’est expliqué dans l’article, il s’agit d’un plugin pour blog WordPress nommé WP-Cumulus ;)
tof le 6 octobre 2009 @ 14:41

oui je sais, mais peut on remplacer le texte par des photos ou vignettes ?
Un bloggeur le 6 février 2011 @ 1:53

Existe-t-il un nuage dynamique en 3D de la même façon pour Dotclear ?