Tumulus : WP Cumulus for Typepad (version française)

"Tumulus" est un widget de nuage de tags en flash qui utilise les scripts du plugin de Roy Tanck, WP Cumulus plugin for Wordpress, et de Steve Pringett's MT Cumulus. Mon équipe ayant eu envie d'utiliser le plugin Cumulus pour nos sites MT, je m'y suis intéressé. Etant pour ma part un utilisateur de Typepad, j'ai du réfléchir à une bonne manière de l'adapter pour la plateforme. Le résultat est le nuage de tags blanc que vous voyez sur mon blog et qui affiche les catégories. Pour le faire fonctionner, il vous suffit de passer votre souris au-dessus.

Afin de l'installer sur Typepad, vous devez utiliser les templates avancés :

1) Commencez par télécharger :
http://yannicklejeune.blogs.com/blog_management/flash/swfobject-download.js
http://yannicklejeune.blogs.com/blog_management/flash/tagcloud-download.swf

2) Dans l'interface, cliquez sur Tableau de bord puis cliquez sur Fichiers.
3) Uploadez vos fichiers là où cela vous arrange, notez-en le chemin et renommez tagcloud-download.swf en tagcloud.swf.
4) Rendez-vous dans Habillage
5) Créez un module appelé "tumulus"
6) Dans ce module, insérez le code suivant sans ajouter ou retirer aucun espace ainsi qu'en remplaçant PUT FULL HTTP PATH par le chemin de vos fichiers :

<script type="text/javascript" src="PUT FULL HTTP PATH/swfobject-download.js"></script>
<div id="mttagcloudflash">Tumulus by <a href="http://www.yannicklejeune.com">Yannick Lejeune</a>, <a href="http://www.roytanck.com/">Roy Tanck</a> and <a href="http://www.6000rpms.com">Steve Pringett</a> requires Flash player 9 or better.</div>
<script type="text/javascript">
var rnumber = Math.floor(Math.random()*9999999);
var so = new SWFObject("PUT FULL HTTP PATH/tagcloud.swf?r="+rnumber, "mttagcloudflash", "500", "500", "9", "#FFFFFF");
so.addParam("allowScriptAccess", "always");
so.addParam("quality", "high");
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
so.addVariable("tspeed", "100");
so.addVariable("distr", "true");
so.addVariable("mode", "cats");

var categorylist = "";

<MTCategories>
    <MTBlogIfArchives archive_type="Category">
categorylist +=    encodeURI('<a href="<$MTCategoryArchiveLink$>" title="See posts in <$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> (<$MTCategoryCount$>)<br />')
    <MTElse>
    </MTElse>
    </MTBlogIfArchives>
</MTCategories>

so.addVariable("categories", categorylist);
so.write("mttagcloudflash");

</script>

6) Configurez l'apparence de votre nuage en changeant les paramètres javascript. La documentation des paramètres se trouve ici.

7) Allez dans sidebar.inc ou dans n'importe quel template dans lequel vous voulez ajouter votre nuage et ajoutez-y :
<MTInclude module="tumulus">

8) Reconstruisez votre blog, ça devrait fonctionner.

N'hésitez pas à poser vos questions, j'y répondrai dès que possible !

Comments

[Rédigé par : Mike]

Merci Yannick pour ton tutoriel !

[Rédigé par : Kelvjn]

Bonsoir, et merci pour votre article, je cherchais a realiser la meme chose et vous en faites un tuto.

Cependant je ne vois pas du tout ce qu'est "4) Rendez-vous dans Habillage" et le module ??? je suis en version WordPress 2.6.3

Pouvez vous m'aider ???

[Rédigé par : TypePad France]

Merci pour cet excellent tutoriel ! J'ai enfin eu l'occasion de tester sur le blog de Yann Savidan.
Par contre, il me semble qu'il faudrait modifier :
MTCategoryLabel
par
MTCategoryLabel encode_js="1"
dans la mesure où des apostrophes peuvent traîner dans les libellés des catégories.
Merci encore.

[Rédigé par : ansofette]

C'est vrai que c'est très intéressant visuellement ce nuage de tag!!
par contre j'ai beau chercher chercher, je ne trouve aucuns articles ou l'on peut inclure ce nuage sur un website qui n'est pas un blog!!
Avez-vous des indications a ce sujet????
merci encore pour ce tutoriel!

[Rédigé par : Méthode Argent]

Excellent ! merci !

[Rédigé par : comment économiser]

C'est trop puissant Word Press! Et avec tous les plugins que l'on peut rajouter, c'est de loin pour moi le meilleur plateforme de blog!