Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="http://www.liquida.it/widget.liquida/" title="I widget di Liquida per il tuo blog">Widget</a>
tr3ndy.com
Iscriviti Gratis al mio Feed RSS

.


Il tuo indirizzo ip è 38.107.191.118
136 abbonati al nostro Feed RSS
5 utenti online
...
...

Categorie WordPress in Orizzontale manipolando semplicemente wp_list_categories

La visualizzazione della lista delle categorie di WordPress, è gestita dalla funzione wp_list_categories. Questa funzione permette numerosi attributi, ma prevede la visualizzazione delle categorie esclusivamente in forma verticale e non in orizzontale.

Categorie di WordPress in Orizzontale manipolando semplicemente wp_list_categories

Se nel vostro tema preferito, volete quindi visualizzare l’elenco delle categorie in orizzontale, dovrete seguire questo piccolo e semplice hack, sul codice WordPress. Esaminiamo un esempio vero e proprio:

Vorrei inserire l’elenco delle categorie in orizzontale direttamente all’inizio del mio blog

In questo caso prenderemo in considerazione il file header.php che si trova all’interno della cartella del vostro tema e precisamente in /wp-content/themes/nome_del_tema/header.php. Andiamo per gradi: per visualizzare semplicemente l’elenco delle categorie, è sufficiente aggiungere il codice:

<?php
$lista = wp_list_categories('style=none&amp;echo=0&amp;orderby=name&amp;show_count=1');
echo $lista;
?>

ed otterremo il seguente risultato a video:

Lista Categorie in orizzontale per WordPress manipolando wp_list_categories

Se ora vogliamo distribuire in orizzontale le stesse categorie, dovremo modificare il precedente codice, in questa maniera:

<?php
$lista = wp_list_categories('style=none&amp;echo=0&amp;orderby=name&amp;show_count=1');
$lista = str_replace ('&lt;br /&gt;', '&amp;nbsp;&amp;nbsp;', $list);
echo $lista;
?>

Con l’aggiunta dell’istruzione str_replace, andremo a dire a php di eliminare tutti i tag html <br /> che sono i “colpevoli” del ritorno a capo di ogni categoria:

Lista Categorie in orizzontale per WordPress manipolando wp_list_categories

Aggiustando ora i CSS, potrete aggiustare le vostre categorie nella maniera che più soddisfa le vostre esigenze. Se qualcuno di voi volesse provare, non esitate a lasciarmi un messaggio nei commenti, per collaudare di persona!!!

Condividi e aggiungi questo post:

  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • Wikio IT
  • Reddit
  • Upnews
  • Diggita
  • Fai.Info
  • Segnalo
  • OKNotizie
  • ZicZac
  • NotizieFlash
  • Technotizie

, , , , , ,

Una Risposta

  1. 1
    pol says:

    Ciao sto provando il codice nel file header.php (senza i css) ma la lista continua a essere visualizzata in verticale.

Lascia un commento

CommentLuv Enabled

Post che potrebbero interessarti



Categories

Archivio vecchi post

Flickr

Logo test tr3ndy  Logo test Italiatop100  Logo test 7Cervelli  Carta Socio 7Cervelli  Logo RunDLL  Logo Guru Shop