Dresser la liste wp_list_category en colonnes

Dresser la liste wp_list_category en colonnes

categ

Dans wordpress, la fonction wp_list_categories() nous permet d’afficher une liste simple de toutes les catégories de notre site.
Si on veut l’afficher en colonnes,  on va placer notre fontion wp_list_categories() dan une div que l’on va styliser avec un peu de css : Ici j’ai placé ce bout de code dans une page catégorie, et elle me retourne donc toutes les sous catégories de cette page.

<div id="footCatories">
 <?php wp_list_categories('orderby=name@hierarchical=0'); ?>
</div>

la partie css

#footCatories {
    height: auto !important;
    min-height: 100px;
    min-width: 1024px;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
#footCatories ul li {
    display: block;
    float: left;
    line-height: 16px;
    padding-right: 5px;
    width: 160px;
}
#footCatories ul {  
float: left;
    list-style: none;
    margin: 0;
    padding: 0;
  width: 100%;
}

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.