Come inserire un menu Drop Down verticale in WordPress
Per inserire un menù Drop Down su un sito realizzato con WordPress ho utilizzato il plugin WP Menu Manager.
Questo plugin si può scaricare dalla Directory ufficiale di WordPress al seguente link.
Dopo aver scaricato e scompattato il plugin occorre caricarlo nella directory wp-content/plugins/
Attivare il plugin dal menu di riepilogo dei plugin installati.
Per gestire il plugin viene creato un apposito menù sotto la voce “Strumenti”.
Cliccando su questo menù di Gestione abbiamo la possibilità di creare il nostro menù “Drop Down”
Diamo un titolo significativo al menù (come per esempio menu-verticale).
Questa etichetta ci servirà pià avanti.
A questo punto è possibile aggiungere una alla volta le voci (i bottoni) del nostro menù.
Alla voce Title diamo il nome della voce di menù.
Poi scegliamo in corrispondenza di Type, se il link sarà ad un sito esterno o interno al nostro sito.
Nel caso in cui il collegamento sia diretto verso una pagina interna al sito dobbiamo andare a ripescare l’id del nostro articolo (o della categoria) e inserirvi questo.
Nella casella Order stabiliamo l’ordinamento delle voci del menù. La prima voce avrà numero zero, a seguire tutte le altre.
Una volta inserite le nostre voci possiamo creare i sottomenu, cliccando in corrispondenza della freccina verde della voce che vogliamo far apparire nel menù secondario.
Ad esempio dall’immagine qui sopra cliccando in corrispondenza della freccia evidenziata sposteremo la voce di menù “servizi musicali” nel sottomenù della voce “chi siamo”. Una volta eseguita l’operazione accanto alla voce “servizi musicali” apparirà una freccina nera.
Ora per far apparire nella sidebar il nostro menù dobbiamo modificare con l’editor il file sidebar.php
inserendo il seguente pezzo di codice nel punto desiderato <?php displayMenu(1, 2); ?>
Vedi immagine qui sotto.
Notare l’etichetta id=”Menu-verticale” corrisponde al titolo che ho dato al menù in fase di creazione.
Sarà quella che andrà anche nel foglio di stile.
Inserire nel file header.php il richiamo al codice javascript
<script type=”text/javascript” src=”<?php echo get_option(‘home’); ?>/wp-content/plugins/wp-menu-creator/external.js”></script>
A questo punto inserire nel file style.css (o nel foglio di stile del tema che si sta usando)
la formattazione del menù Drop Down.
Per un’analisi approfondita del codice css si può fare riferimento a questo tutoruial molto ben fatto
Come creare un menu css drop down verticale di base
- Articoli Correlati
- Come inserire un nuovo articolo in WordPress
- Un plugin di WordPress per gestire in modo semplice e veloce la tua newsletter
- Una Galleria di Foto con WordPress: ecco un plugin davvero semplice
- News Scorrevoli in WordPress – un plugin molto utile
- Intestazioni diverse su ogni pagina di WordPress