J’ai recu un mail il y a quelque temps de ça me demandant d’expliquer la méthode utilisée pour afficher une icones différentes en fonction de la catégorie à laquelle appartient le billet.
Afin de pemettre à d’autre de réaliser la même manipulation.
Pour qu’une icône identifiant la catégorie apparaisse à côté du titre du billet, il va falloir modifier les fichiers:
- list.php (pour la présentation en liste)
- post.php (pour la présentation en billet seul)
Dans le fichier list.php, cherchez l’occurrence:
<h2 id="p<?php dcPostID(); ?>" class="post-title">
Remplacez-la par:
<h2 id="p<?php dcPostID(); ?>" class="post-title <?php print ('ico'.$news->f('cat_libelle_url')); ?>">
Dans la feuille de style, placez la règle qui va bien; pour une catégorie « Blog »:
.post-title { /* règle générale à tous les titres de post */ padding-left : 16px; /* pour une image 12*12px */ /* le reste sans changement par rapport à votre feuille de style habituelle */ } .icoBlog { background : transparent url(images/ico-Blog.jpg) no-repeat; }
Ainsi de suite pour chaques catégories. Bien entendu, on prendra soin de placer dans le répertoire images/
du thème.
Pour retrouver le tutoriel complet allez faire un tour sur le petit dotclear illustré.