Katagorileri nasıl 2 sutun gosterebilirim ?

Normalde kategorileri listelemek için



<?php wp_list_categories(); ?>


kodunu kullanırız. Kategorilerimizi iki sütun halinde göstermek için aşağıdaki kodu kullanıyoruz.



<?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&st yle=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;
?>
<ul>
<?php echo $cat_left;?>
</ul>
<ul>
<?php echo $cat_right;?>
</ul>


Css sayfamızada aşağıdaki kodları ekliyoruz.



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

.widget_categories
{
clear: both;
padding: 0px;
margin: 0px;
}
.widget_categories ul
{
border-style: none solid solid solid;
border-width: 0px 1px 1px 1px;
border-color: #E5E5E5;
padding: 5px;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
clear: both;
width: 288px;
display: inline-block;
}
.widget_categories ul li
{
border-style: none;
padding: 5px 0px 5px 0px;
margin: 0px;
text-decoration: none;
width: 140px;
float: left;
color: #333333;
list-style-position: inside;
list-style-type: none;
}
.widget_categories ul li a
{
padding: 0px;
margin: 0px;
}
.widget_categories li.cat-item a:hover
{
color: #257BA8;
text-decoration: underline;
}