web-dev-qa-db-fra.com

Modifier le balisage de la liste des catégories

Je veux lister x nombre de catégories. J'utilise la fonction wp_list_categories, elle génère le balisage suivant

<li class="cat-item cat-item-1"><a href="#">Uncategorized</a></li>
<li class="cat-item cat-item-2"><a href="#">Category 2</a></li>
<li class="cat-item cat-item-3"><a href="#">Category 3</a></li>
<li class="cat-item cat-item-4"><a href="#">Category 4</a></li>
<li class="cat-item cat-item-5"><a href="#">Category 5</a></li>

Cependant, je dois envelopper tous les deux objets li dans une div, par exemple:

<div class="one">
    <li class="cat-item cat-item-1"><a href="#">Uncategorized</a></li>
    <li class="cat-item cat-item-2"><a href="#">Category 2</a></li>
</div>
<div class="two">
    <li class="cat-item cat-item-3"><a href="#">Category 3</a></li>
    <li class="cat-item cat-item-4"><a href="#">Category 4</a></li>
</div>
<div class="three">
    <li class="cat-item cat-item-5"><a href="#">Category 5</a></li>
</div>

Comment je peux faire ça? Merci.

categoriestheme-developmentthemes
1
jay

Liste de possibilités

Vous avez exactement deux options pour modifier la sortie de wp_list_categories()

  1. Utilisez un filtre après la génération de MarkUp et reformatez-le:

    add_filter( 'wp_list_categories', 'wpse88292_reformat_list_cats', 10, 2 );
function wpse88292_reformat_list_cats( $output, $args )
{
    // Reformat `$output` here
    // You can use `$args` to only this when condition X == Y

    return $output;
}

  2. Utilisez un marcheur personnalisé

    class Walker_Reformated_Category extends Walker_Category
{
    static $counter = 0;

    function start_el( &$output, $category, $depth, $args )
    {
        if ( 'list' != $args['style'] )
            return;

        // Count up before doing anything
        self::$counter++;

        // Do additional formatting of `$output`in here
        // It's passed by reference(!)

        if ( 0 === self::$counter %2 )
            $output = "<div class='class-{$counter}'>{$output}";
    }

    function end_el( &$output, $page, $depth, $args )
    {
        if ( 'list' != $args['style'] )
            return;

        // Do additional formatting of `$output`in here
        // It's passed by reference(!)

        // Don't count at the end of the el!
        if ( 0 === self::$counter %2 )
            $output = "{$output}</div>";
    }
}

# Call the categories list with your walker
wp_list_categories( array(
    // ... some args
    'walker' => new Walker_Reformated_Category()
    // ... even more args
) );
2
kaiser

Vous pouvez utiliser le paramètre echo=0 pour le prendre dans une variable chaîne:

$items=wp_list_categories("echo=0&title_li=");

alors vous pouvez l'exploser pour obtenir le tableau:

$items=str_replace("</li>","</li>|",$items);
$items=explode("|",$items);

Ensuite, vous pouvez parcourir les éléments:

foreach($items as $i=>$item){
   // to stuff
}

Vous pouvez envisager quelque chose comme ceci pour votre div wrap:

echo "<div>";
foreach($items as $i=>$item){
    echo $item;
    if($i%2==1){echo "</div><div>";}    
}
echo "</div>";
1
birgire