Image for Walker Menu WordPress per BootStrap Dropdown e Hover

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.

1 Commento

Lascia un commento

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

Usando questo sito, accetti l’uso dei cookies.

Accetto