Very short snippet: WordPress, separare le categorie in due colonne

Prendendo spunto da WordPress Hack #2 – Separare le categorie in colonne nella sidebar può tornare utile “spezzare” in due colonne la lista delle categorie di WordPress. Se la sequenza che vogliamo ottenere è da sinistra a destra, cioè cat1 | cat2 (a capo) cat3 | cat4 (a capo) etc… non è necessario usare un codice PHP, ma basta giocare con gli stili impostando il tag li a float:left e “chiudendo” con l’opportuna width il tag ul, in modo a mandare “a capo” il successivo li. Nei casi invece dove il css non arriva, ad esempio nella sequenza cat1 | cat3 (a capo) cat2 | cat4, possiamo usare questo semplice codice:

1
2
3
4
5
6
$cats       = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$middle     = round( (sizeof($cats)-1)/2 );
$cats_left  = array_slice( $cats, 0, $middle );
$cats_right = array_slice( $cats, $middle, -1 );
echo '<ul class="left"><li>'.implode( '</li><li>', $cats_left ).'</li></ul>'.
     '<ul class="right"><li>'.implode( '</li><li>', $cats_right ).'</li></ul>';

Un commento a: “ ”

  1. 19 nov, 2008 AndyEwo232:

    Grazie per il link, ottimo post

    RispondiQuota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre> // blocco generico
                   <code></code> // blocco generico
                   [cc_actionscript][/cc_actionscript] // Actionscript
                   [cc_actionscript3][/cc_actionscript3] // Actionscript 3
                   [cc_css][/cc_css] // CSS Style Sheet
                   [cc_html][/cc_html] // HTML
                   [cc_js][/cc_js] // Javascript
                   [cc_objc][/cc_objc] // Objective-C
                   [cc_php][/cc_objc] // PHP
                   [cc_sql][/cc_sql] // SQL