I menu di navigazione sono la mappa del tuo sito WordPress. Guidano i visitatori attraverso i contenuti, influenzano l’esperienza utente e impattano sulla SEO. WordPress offre un sistema di menu flessibile e potente accessibile da Aspetto > Menu nel pannello di amministrazione.<\/p>\n
Un menu ben strutturato riduce la frequenza di rimbalzo, aumenta il tempo sul sito e aiuta Google a comprendere la gerarchia dei contenuti. Al contrario, un menu confuso o sovraccarico allontana i visitatori e danneggia le performance SEO.<\/p>\n
Per creare un menu, vai in Aspetto > Menu in WordPress. Dai un nome al menu (es. “Menu Principale”) e clicca “Crea menu”. A questo punto puoi aggiungere elementi dalla colonna di sinistra: pagine, articoli, categorie, custom link o persino voci personalizzate da plugin.<\/p>\n
Ogni elemento aggiunto pu\u00f2 essere riordinato tramite trascinamento e organizzato in gerarchia. Trascina un elemento leggermente a destra sotto un altro per creare un sottomenu a discesa. WordPress supporta fino a tre livelli di profondit\u00e0 nella maggior parte dei temi.<\/p>\n
Dopo aver creato il menu, assegnalo a una posizione (menu location). Le posizioni disponibili dipendono dal tema attivo: solitamente trovi “Menu Primario” (header), “Menu Secondario” (sotto l’header o sidebar) e “Menu Footer”. Puoi assegnare lo stesso menu a pi\u00f9 posizioni o menu diversi a posizioni diverse.<\/p>\n
Le pagine WordPress sono la scelta pi\u00f9 comune per i menu. Puoi selezionare singole pagine o aggiungerle tutte in blocco. Per gli articoli, la sezione “Articoli recenti” ti permette di aggiungere link a post specifici. Utile per menu che includono “Ultime notizie” o articoli in evidenza.<\/p>\n
Le categorie sono fondamentali per organizzare i menu di blog e riviste. Aggiungere una categoria al menu crea un link alla pagina di archivio di quella categoria. Per i siti WooCommerce, le categorie prodotto sono essenziali nel menu principale per guidare i clienti ai reparti del negozio.<\/p>\n
I custom link ti permettono di inserire qualsiasi URL nel menu. Utili per link esterni, ancore interne (es. “#contatti” su una pagina one-page), pagine create da plugin o link a social network. Inserisci l’URL completo e l’etichetta da visualizzare.<\/p>\n
I mega menu sono menu a discesa estesi che mostrano pi\u00f9 colonne di link, immagini, icone e contenuti. Sono ideali per siti con molte categorie, come e-commerce, riviste digitali e portali. Un mega menu ben progettato mostra ai visitatori tutte le opzioni disponibili in un colpo d’occhio, migliorando la navigazione e riducendo i click per raggiungere contenuti profondi.<\/p>\n
WordPress non supporta mega menu nativamente, ma plugin come Max Mega Menu, UberMenu o QuadMenu aggiungono questa funzionalit\u00e0. Max Mega Menu \u00e8 la scelta pi\u00f9 popolare: trasforma i menu esistenti in mega menu senza richiedere configurazioni complesse. Supporta colonne multiple, immagini, widget e shortcode direttamente nel menu.<\/p>\n
Per creare un mega menu efficace: limita a 3-4 colonne, usa intestazioni chiare per ogni colonna, includi immagini piccole ma significative, e mantieni la gerarchia logica delle voci. Un mega menu sovraccarico confonde invece di aiutare.<\/p>\n
Con oltre il 60% del traffico web proveniente da dispositivi mobili, il menu mobile \u00e8 pi\u00f9 importante di quello desktop. La maggior parte dei temi WordPress moderni include un menu responsive che si trasforma automaticamente in hamburger menu su schermi piccoli.<\/p>\n
Per ottimizzare il menu mobile: riduci il numero di voci rispetto al menu desktop (le voci pi\u00f9 importanti bastano), usa etichette brevi (una o due parole), evita sottomenu profondi che richiedono troppi tap, e testa il menu su dispositivi reali. Plugin come Responsive Menu o WP Mobile Menu offrono controllo granulare sull’aspetto e il comportamento del menu mobile.<\/p>\n
Una tendenza recente \u00e8 il menu mobile a fisarmonica con icone: ogni voce principale \u00e8 affiancata da un’icona e toccandola si espande il sottomenu. Questo approccio risparmia spazio e migliora l’usabilit\u00e0 su schermi piccoli.<\/p>\n
L’aspetto dei menu \u00e8 definito dal tema, ma puoi personalizzarlo con CSS personalizzato. Vai in Aspetto > Personalizza > CSS aggiuntivo per aggiungere le tue regole.<\/p>\n
WordPress assegna classi CSS specifiche agli elementi del menu: .menu-item per ogni voce, .current-menu-item per la voce attiva, .menu-item-has-children per voci con sottomenu. Usa queste classi per modificare colori, spaziature, font e animazioni.<\/p>\n
Esempi di personalizzazione: colore di sfondo diverso per il menu sticky, effetto hover con sottolineatura animata, separatori tra voci di menu, e stili diversi per il menu mobile rispetto a quello desktop usando media query.<\/p>\n
Le posizioni del menu (menu locations) sono definite dal tema e rappresentano le aree del layout dove i menu possono essere visualizzati. I temi moderni registrano in media 3-5 posizioni: header (primario), sotto l’header (secondario), footer, menu di navigazione per mobile e menu social.<\/p>\n
Per vedere le posizioni disponibili, vai in Aspetto > Menu e clicca su “Gestisci posizioni” in alto. Qui puoi assegnare menu specifici a ogni posizione. Alcuni temi permettono anche di visualizzare menu diversi per pagine diverse, una funzionalit\u00e0 utile per siti complessi.<\/p>\n
Se il tuo tema non ha la posizione desiderata, puoi registrare una nuova posizione aggiungendo codice al file functions.php del tema: register_nav_menu(‘nuova-posizione’, ‘Nuova Posizione Menu’).<\/p>\n
Mostrare menu diversi in base al ruolo dell’utente \u00e8 una tecnica avanzata ma potente. Un utente non loggato vede un menu con “Accedi” e “Registrati”, mentre un utente loggato vede “Il mio account” e “Esci”.<\/p>\n
Plugin come Conditional Menus o Nav Menu Roles aggiungono questa funzionalit\u00e0 senza codice. In alternativa, puoi usare il filtro wp_nav_menu_objects nel functions.php per nascondere voci specifiche in base al ruolo utente. Questo approccio \u00e8 particolarmente utile per membership site, corsi online e aree riservate.<\/p>\n
Segui il principio di KISS (Keep It Simple, Stupid): 5-7 voci nel menu principale sono il numero ideale. Oltre, gli utenti faticano a elaborare le opzioni. Usa etichette chiare e descrittive, evitando termini tecnici o interni. “Chi siamo” \u00e8 meglio di “Corporate Info”. Mantieni la gerarchia logica: le voci pi\u00f9 importanti a sinistra (o in alto per menu verticali).<\/p>\n
Per l’accessibilit\u00e0, assicurati che il menu sia navigabile con tastiera (tab, enter, frecce). Il tema dovrebbe gi\u00e0 gestirlo, ma verifica con il test da tastiera. Aggiungi attributi title descrittivi alle voci di menu per migliorare l’accessibilit\u00e0 e fornire contesto aggiuntivo agli screen reader.<\/p>\n
Testa il menu con utenti reali: chiedi a qualcuno di trovare una pagina specifica nel tuo sito e osserva quanto tempo impiega. Questo rivela problemi di navigazione che nessuna analisi teorica pu\u00f2 identificare.<\/p>\n
I menu di navigazione in WordPress sono molto pi\u00f9 di semplici elenchi di link: sono lo strumento principale attraverso cui gli utenti esplorano il tuo sito. Dedicare tempo alla loro progettazione e ottimizzazione ripaga in termini di esperienza utente, metriche di engagement e posizionamento SEO. Scegli la struttura giusta per il tuo tipo di contenuto, personalizza l’aspetto in linea con il brand, e non dimenticare l’esperienza mobile. Con WordPress hai tutti gli strumenti per creare menu professionali senza scrivere codice.<\/p>","protected":false},"excerpt":{"rendered":"
Creare e gestire i menu di navigazione in WordPress I menu di navigazione sono la mappa del tuo sito WordPress. Guidano i visitatori attraverso i contenuti, influenzano l’esperienza utente e impattano sulla SEO. WordPress offre un sistema di menu flessibile e potente accessibile da Aspetto > Menu nel pannello di amministrazione. Un menu ben strutturato […]<\/p>\n","protected":false},"author":1,"featured_media":2025,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","ai_primary_source":"Studio Immens Blog","visibility_scope":"both","ai_summary":"Creare e gestire i menu di navigazione in WordPress I menu di navigazione sono la mappa del tuo sito WordPress. Guidano i visitatori attraverso i contenuti, influenzano l'esperienza utente e impattano sulla SEO. WordPress offre un sistema di menu flessibile e potente accessibile da Aspetto > Menu...","ai_intent":"informative","ai_related_resources":"","ai_priority":5,"ai_entity_type":"Article","ai_is_based_on":"https:\/\/blog.studioimmens.com\/menu-di-navigazione-wordpress\/","ai_citations":"","ai_mentions":"","ai_speakable_selector":"","ai_chunk_hints":"Men\u00f9, di, navigazione, WordPress","footnotes":""},"categories":[133],"tags":[],"ai_visibility":[],"class_list":["post-1971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/comments?post=1971"}],"version-history":[{"count":0,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1971\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media\/2025"}],"wp:attachment":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media?parent=1971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/categories?post=1971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/tags?post=1971"},{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/ai_visibility?post=1971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}