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:

Ora dentro al file walkermenu.php copiate questo codice:

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:

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:

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.

4 commenti su Walker Menu WordPress per BootStrap Dropdown e Hover

  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 un commento

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