on October 19, 2009 by Ignacio in Wordpress, Comments (0)

Desplegar nuestras categorías en dos columnas

He aquí un muy útil snippet para disponer del conjunto de categorías de nuestro blog en dos columnas, allí dónde nos interese (ideal cuando tenemos… 30 categorías, y a veces ocurre). Deberemos primero escoger dónde queremos ponerlas, por ejemplo en nuestra columna lateral.

<?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="left">
          <?php echo $cat_left;?>
     </ul>

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

Con las clases .left y .right podremos incluso estilizar por separado cada columna. Ahora bién, será obligatorio darles un float a la izquierda.

.left, .right{
     float:left;
}

Esperamos que este pequeño truco os sea de ayuda.

Meneame Technorati del.icio.us Bitacoras.com Digg Wikio Google Bookmarks Live Yahoo! Bookmarks Yahoo! Buzz Twitter Facebook Print email

No Comments

Leave a comment

XHTML: Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spanish flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagArabic flagRussian flag