- Home
- Categorie
- Coding e Sistemistica
- CMS & Piattaforme Self-Hosted
- Modificare barra dei menu generata dinamicamente
-
Modificare barra dei menu generata dinamicamente
Cerco di spiegare il mio problema, all'interno del mio sito ho due barre orizzontali generate da wordpress da: Aspetto>>Menu; dove inserendo i link o le categorie che si vogliono visualizzare, viene generata la barra.
Ora vorrei aggiungere manualmente a questa barra non dei semplici link ma cose come: form di ricerca, bottone mi piace o comunque qualsiasi altra cosa che non si possa inserire dal pannello di wordpress.
Come posso inserire queste cose manualmente?
Mi era capitato di fare una cosa simile su un'altro sito che però generava i menu in modo diverso, in questo caso non riesco proprio a capire come fare, infatti il codice che crea la barra interessata è questo (preso dal file header.php):
[PHP] <?php wp_nav_menu(array('theme_location' => 'topNav', 'depth' => 3, 'fallback_cb' => false, 'menu_class' => 'topNav')); ?>[/PHP]
-
Per niente facile. In giro per il web ci sono delle guide su come personalizzare wp_nav_menu questa per esempio è una wpfirstaid. com /tag/wp_nav_menu/ e comunque il punto di partenza rimane sempre il codex di wordpress codex.wordpress.org/ Function_Reference /wp_nav_menu
-
Senza modificare wp_nav_menu potresti provare ad inserirla in un blocco div contenitore nel quale inserisci poi tutti gli altri elementi che vuoi.
<div id="barra_menu"> <- questa crea l'effetto grafico della barra del menu
wp_nav_menu <- le voci di menu di Wordpress
<form id="ricerca"> <- casella per le ricerche
<img> <- un'imamgine</div>
Valerio Notarfrancesco
-
Per il form di ricerca puoi vedere qui: wpinsite.com/code-snippets/include-the-search-form-inside-wp-nav-menu/
Per inserire un immagine puoi usare le classi.
-
@vnotarfrancesco said:
Senza modificare wp_nav_menu potresti provare ad inserirla in un blocco div contenitore nel quale inserisci poi tutti gli altri elementi che vuoi.
<div id="barra_menu"> <- questa crea l'effetto grafico della barra del menu
wp_nav_menu <- le voci di menu di Wordpress
<form id="ricerca"> <- casella per le ricerche
<img> <- un'imamgine</div>
Valerio Notarfrancesco
Ho provato il tuo metodo però non funziona, infatti inserendo quella riga di codice all'interno di un'altra div mi sballa tutto, facendo andare gli elementi aggiuntivi a capo.Credo che il percorso giusto sia proprio quello consigliato da elmanisero, ovvero agire direttamente sul wp_nav_menu, purtroppo sembra una cosa abbastanza complicata.
Un'altra cosa che ho pensato di fare è di eliminare la barra dinamica ed inserirne una manualmente, tanto gli elementi che mi servono sono 3 e non cambierebbero praticamente mai.