tr3ndy.com
Iscriviti Gratis al mio Feed RSS

.


Il tuo indirizzo ip è 38.107.191.94
134 abbonati al nostro Feed RSS
19 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

, , , , , ,

Lascia un commento

CommentLuv Enabled
Scarica da eMule velocissimo!!!

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