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.

Lascia un commento

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