Cerca

Categorie WordPress in Orizzontale manipolando semplicemente wp_list_categories

Categorie WordPress in Orizzontale manipolando semplicemente wp_list_categories

Indice Articolo

Ultimi articoli pubblicati

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]<?php
$lista = wp_list_categories(‘style=none&amp;echo=0&amp;orderby=name&amp;show_count=1’);
echo $lista;
?>[/php]

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]<?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;
?>[/php]

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!!!

3 risposte

    1. Ciao,
      dipende dal tema che utilizzi, ma in genere non dovrebbe essere importante il CSS. Davvero strano che non funzioni il codice però…

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

Rispondi