StephaneGillet.com » Trucs et Astuces » WordPress : Afficher ses catégories sur deux colonnes

WordPress : Afficher ses catégories sur deux colonnes

Par - le mercredi 17 juin 2009 - Trucs et Astuces

Afficher ses catégories est presque primordiale sur un blog, et pour un développeur il n’y a rien de plus facile que des les afficher un peu comme il veut : une colonne, deux colonnes, en gras, en pointillé, etc.

Mais lorsque l’on n’y connaît pas grand chose (et que l’on utilise wordpress), on installe un widget ou on copie-colle une fonction rapidement sans trop comprendre ce qu’il se passe.

categories

Le plugin Multi Column que j’utilise pour ce thème permet de configurer rapidement et simplement l’affichage des catégories sur plusieurs colonnes, et ce grâce à quelques copier-coller et une légère configuration.

J’aurais pu configurer moi même cet affichage, mais pourquoi refaire quelque chose qui existe déjà ?

Voici la procédure pour utiliser ce plugin.

1. Téléchargez, installez et activez le plugin dans votre WordPress.

2. Ajoutez ces quelques lignes au fichier .css de votre thème :

.ddmcc {
width: 100%;
float: left;
}

.ddmcc ul {
margin: 10px 0 10px 0;
padding: 0;
list-style: none;
text-indent: 0;
}

.ddmcc li {
margin:10px 0 2px 0;
padding: 0;
font-size:120%;
}

.ddmcc p.sep {
font-weight: bold;
}

.ddmcc p.sep:hover {
cursor: pointer;
}

Ces lignes vont permettre de configurer le style de vos colonnes. Ce morceau de code affiche les catégories en gras dans une liste simple, avec un léger espacement entre chaque libellé.

3. Ajoutez cette ligne à l’emplacement où vous voulez afficher vos catégories : <?php echo ddmcl_generate(); ?>.

Le fichier sidebar.php permet de l’afficher dans votre barre latérale, si vous en avez une.

4. Rendez vous dans le menu Réglages -> DDMultiColCats pour choisir le nombre de colonnes à afficher et les catégories à exclure.

5. Et c’est tout !

Le site du plugin.

Stéphane Gillet est l'auteur de cet article.

Amoureux des nouvelles technologies et du web, Stéphane Gillet a créé ce blog qui porte son nom afin d'exprimer ses passions et ses découvertes.

D'autres articles intéressants

  • Infographie : quel est le prix de l’inaction au travail ?

    Une infographie qui met en avant le coût de l'inaction au travail, dans tous les secteurs....

  • Les dimensions des images sur les principaux réseaux sociaux
    dimensions images twitter facebook

    Je ne sais pas pour vous, mais quand je cherche à modifier les images de mes profils sur les réseaux sociaux, je recherche toujours les dimensions officielles pour chacun d’entre eux afin d’avoir des images correctement proportionnées. Pour éviter du perdre du temps à chercher cette information, voici donc une infographie qui rep...

  • Comment bien traduire son site web

    A l’heure de l’internationalisation, se pose parfois la problématique de traduire son site web, plusieurs méthodes existent et ne sont pas toutes identiques. Je vous propose aujourd’hui quelques solutions pour cela. Faire traduire en interne Méthode souvent choisie car semble la plus simple et la moins coûteuse, mais est souvent regre...

  • Recevoir un accusé de réception avec Gmail
    Gmail

    Avec le logiciel de messagerie Gmail de base, il n’est théoriquement pas possible de recevoir des accusés de réception lors d’un envoi de mail. Mais grâce à l’utilisation de Google Chrome et d’une extension, il est tout à fait possible de mettre en place un tel système pour chaque mail envoyé. Les accusés de récept...

3 Commentaires

1. Bingo - 15 juillet 2009 - 20:20

Intéressant mais est-ce qu’il y a possibilité de faire cela de manière horizontale ?

Merci !

2. exatropic - 01 avril 2010 - 21:18

Bonjour,

Ce plugin semble très intéressant mais pas suffisemment en rapport avec mon souhait.
J’aimerais afficher mes catégories sur 2 colonnes.
En fait je souhaite afficher mes catégories principales sur une colonne et les sous-catégories en rapport avec la catégorie principale sélectionnée dans l’autre colonne.
Est-ce possible et si oui comment faire?
Merci par avance.

Poster un commentaire