MAJ 17/09/2007: tags accessibles pour dotclear 1.2.7

Après la publication du plugin twTags 0.2.2 pour Dotclear, voici un petit tutorial sur la configuration des tags dans Dotclear

Résumé rapide:

  1. installer le plugin Métadonnées de billet
  2. installer le plugin twTags
  3. configurer l'interface d'ajout de tags
  4. configurer son thème pour l'affichage des tags dans le billets
  5. configurer son thème pour l'affichage du nuage de tags

Précaution

Avant de modifier un fichier, faites-en une copie de sauvegarde ;)

installation du plugin Metadonnées de billet

Installation du plugin twTags

Configuration de l'interface d'ajout de tags

Dans le dossier "ecrire" de dotclear, modifier le fichier poster.php. Juste au dessus des commentaires (ligne 527 chez moi), ajouter la ligne :

include(dirname(__FILE__).'/tools/twtags/poster-inc.php');

Affichages des tags dans un billet

  • La commande pour afficher les tags est <?php twTags::show(', ', true); ?>. Le premier paramètre est le séparateur des tags, le deuxième affiche (ou non) les tags technorati
  • ajouter cette commande dans le fichier list.php de son thème. Pour ma part, je l'ai mise juste après le nombre de commentaires et rétroliens ; ça donne ça :
               <p class="post-info-co">
                       <a href="<?php dcPostURL(); ?>#co" title="commentaires pour : <?php dcPostTitle(); ?>">
                       <?php dcPostNbComments('aucun commentaire','un commentaire','%s commentaires'); ?></a>
               <span>::</span>
                       <a href="<?php dcPostURL(); ?>#tb"title="trackbacks pour : <?php dcPostTitle(); ?>">
                       <?php dcPostNbTrackbacks('aucun trackback','un trackback','%s trackbacks');?></a>
               <span>::</span>
                       Tags: <?php twTags::show(', ', true); ?>
               </p>
  • faire de même dans le fichier post.php. Chez moi, juste après </div><!-- class="post-content" --> (ligne 40), ça donne ceci:
       <div class="post-tags">
       <p>Tags: <?php twTags::show(', ', true); ?></p>
       </div><!-- class="post-tags" -->

Affichage du nuage de tags

Pour cela deux étapes: 1) modifier le fichier template.php 2) modifier les CSS dans style.css.

Dans le fichier template.php, ajouter dans la sidebar:

<div id="nuageMotsCles">
     <h2>Nuage de tags</h2>
     <?php twTags::tagCloud($levels = 5, $block ='<ul id="tagcloud">%s</ul>',$item = '<li class="level-%2$d">%1$s</li>'); ?>
</div>

Dans le fichier style.css, ajouter:

/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}

#tagcloud li {
display:inline;
margin: 0 .1em;
padding: 0;
background-image: none;
}

#tagcloud li.level-1 { font-size: 1em; }
#tagcloud li.level-2 { font-size: 1.3em; }
#tagcloud li.level-3 { font-size: 1.6em; }
#tagcloud li.level-4 { font-size: 2em; }
#tagcloud li.level-5 { font-size: 2.3em; }
 
#tags {
text-align: right;
}

Et voilà, tagguez bien :)