Thursday, July 15, 2010

Display your categories in two columns

The stadard wp_list_categories() functions echoes a list of all your categories. Let’s see how we can easily force the display of categories on two columns.

<?php

$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));

$cat_n = count($cats) - 1;

$cat_col = round($cat_n / 2);

for ($i=0;$i<$cat_n;$i++){

if ($i<$cat_col){

$cat_left = $cat_left.'<li>'.$cats[$i].’</li>’;

}

elseif ($i>=$cat_col){

$cat_right = $cat_right.’<li>’.$cats[$i].’</li>’;

}

}

?>

<ul class=”left”>

<?php echo $cat_left;?>

</ul>

<ul class=”right”>

<?php echo $cat_right;?>

</ul>

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

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

No comments:

Post a Comment