10
Nov
2009
Por tamara Mostra as Categorias em duas colunas como no exemplo.
01. Abra o arquivo sidebar.php ou outro arquivo conde você queira mostrar as categorias e adicione:
<?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;
?>
<ul class="catleft">
<?php echo $cat_left;?>
</ul>
<ul class="catright">
<?php echo $cat_right;?>
</ul>
$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;
?>
<ul class="catleft">
<?php echo $cat_left;?>
</ul>
<ul class="catright">
<?php echo $cat_right;?>
</ul>
02. Adicione ao seu CSS:
.catright {float:left; width:130px;}
.catleft {float:left; width:130px;}
.catleft {float:left; width:130px;}
Altere a largura de acordo com seu layout.
Tutorial original: Blogohblog traduzido e modificado.
Tamara, casada há 8 anos com 
, paulistana, mora em 
, fronteira com o Paraguai, é dona do 
14/03 - Meu Aniversário 
20/03 - Início do Outono
