Wordpress – Categorie in orizzontale con Plugin + CSS
Con questa guida voglio semplificare la vita a chi, come me, si è trovato per ragioni di SEO o grafiche a dover mettere le categorie di Wordpress in orizzontale. Per svolgere il tutto con praticità e comodità esiste un plugin che ci aiuterà a questo scopo, “PixoPoint Menu Plugin” .Iniziamo con l’installazione del plugin, dopo aver scaricato il file alla pagina di download . Fin qui nulla di particolare. Attivatelo, quindi andate nelle impostazioni e in base alle vostre esigenze spuntate o meno i box, trascinate le categorie, la home, le pagine e tutto il resto nel menù desiderato o disattivateli (ricordatevi di attivare il secondo menù se lo utilizzate!).
Questo è il codice per l’aggiunta del primo menù nel tema:
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();}; ?>
Per inserire il secondo menù dovremo usare questo codice:
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu(2);} ?>
Il posizionamento di queste righe varia da tema a tema, ma sostanzialmente dovrebbe trovarsi nell’header. Ecco un esempio già suggerito nella pagina “Help” del plugin:
<div id=”header” role=”banner”>
<div id=”headerimg”>
<h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
<div><?php bloginfo(‘description’); ?></div>
</div>
</div>
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu();} ?>
<hr />
Ed ecco un esempio da noi di Impronta Geek (in questo caso il primo menù è quello nativo del tema ed è stato aggiunto dolo il secondo sotto, questo non è il codice di improntageek.com 
):
<div><ul><?php art_menu_items(true); ?></ul><div></div><div><div></div></div><?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu(2);} ?></div><div class=”nav”><ul class=”menu”>
<?php art_menu_items(true); ?>
</ul>
<div class=”l”></div><div class=”r”><div></div>
</div>
<?php if (function_exists(‘pixopoint_menu’)) {pixopoint_menu(2);} ?>
</div>
Terminata questa prima fase, se siamo soddisfatti dello stile lasciamo così, ma altrimenti? In caso contrario vi basterà cliccare su “Advanced“ e modificare la parte di CSS che vi interessa (sono disponibile ad aiutarvi nei commenti).
Buona Settimana!
2 Commenti a “Wordpress – Categorie in orizzontale con Plugin + CSS”
Commenta
Mi ritorna molto familiare questo articolo.
Vai Fabio continua così…
Eheh
Più avanti presenterò la case history di MusicTexts 
Fabio