Walker Menu WordPress per BootStrap Dropdown e Hover

Molti di voi sicuramente, me compreso, usano il framework BootStrap per sviluppare siti o progetti, ma chi appunto lavora molto spesso con WordPress, ha necessità, come prima cosa, quella di inserire un menu, ed oggi vi illustrerò ben 2 tipi di codice, il primo è quello di creare il wp_nav_menu con un semplice dropwdown e la procedura è la seguente:

Create un file che chiamerete walkermenu.php ed includetelo nella cartella del vostro tema, oppure in una sottocartella e richiamatelo dal file functions.php con la seguente funzione:

https://gist.github.com/miniMAC/a891ead937d89d9f93ae

Ora dentro al file walkermenu.php copiate questo codice:

https://gist.github.com/miniMAC/d21cb37b06d222cae556

Tutto qua, ora quello che dovremo fare è includere il template HTML nel nostro tema e quindi inserite dove volete che compaia il menu questo codice:

https://gist.github.com/miniMAC/b49e48d42e15f746a3c5

Bootstrap Nav WordPress Hover Dropdown

Se invece volete attivare la funzione all’hover del mouse per il menu dropdown, dovete sostituire il codice dentro walkermenu.php con questo:

https://gist.github.com/miniMAC/fe49da957d83ae37b8d9

Ora dobbiamo inserire il codice JavaScript per far funzionare l’hover a dovere, lo potete inserire in un nuovo file .js oppure in un file .js che già avete, sempre nella cartella del vostro tema.

https://gist.github.com/miniMAC/07ac1bad589dff3e0fd1

4 commenti

  1. Ciao, tutorial ganzissimo, complimenti!Per caso però hai implementato pure lo stesso tipo di menù con a tre livelli e quindi con depth=2?Ti ringrazio anticipatamente.

Lascia una risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *