• WordPress: Display your categories in two columns..?

  Date: May 20, 2009  |  Categories: Wordpress  |  Written By: Mike Ballan  

If you need to have your categories display in two columns all you need to do is modify the the stadard wp_list_categories() functions to look like the code below

<?php
    $cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
    $cat_n = count($cats) - 1;
    for ($i=0;$i<$cat_n;$i++):
    if ($i<$cat_n/2):
    $cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
    elseif ($i>=$cat_n/2):
    $cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
    endif;
    endfor;
?>

After amending your stadard wp_list_categories() function you will need to change you main index page with the following code.

<ul class="left">
    <?php echo $cat_left;?>
</ul>

<ul class="right">
    <?php echo $cat_right;?>
</ul>

And last of all you will need to add into your CSS file the following code.

.right    { float:left; width:200px; }
.left     { float:left; width:200px; }

Hat Tip: WP Recipes.com