{"id":73417,"date":"2024-10-17T07:00:00","date_gmt":"2024-10-17T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=73417"},"modified":"2025-11-10T21:32:08","modified_gmt":"2025-11-10T20:32:08","slug":"mega-menu-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/mega-menu-wordpress\/","title":{"rendered":"Come realizzare un mega menu su WordPress"},"content":{"rendered":"\n<p>La creazione di un mega menu su un sito WordPress \u00e8 un\u2019implementazione abbastanza semplice da gestire, che permette di <strong>migliorare notevolmente la navigazione<\/strong> fra le pagine, <strong>ottimizzare la User Experience <\/strong>e l&#8217;<strong>aspetto estetico<\/strong> dei menu. In questo articolo, oltre a spiegarti nel dettaglio come impostare un mega menu, ti aiuteremo anche a capire quali sono le implicazioni legate a questa scelta.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-un-mega-menu-definizione\">Cos\u2019\u00e8 un mega menu: definizione<\/a><\/li><li><a href=\"#premessa-alluso-e-alle-funzionalita-dei-menu\">Premessa all\u2019uso e alle funzionalit\u00e0 dei menu<\/a><\/li><li><a href=\"#quando-utilizzare-i-mega-menu\">Quando utilizzare i mega menu<\/a><\/li><li><a href=\"#come-aggiungere-un-mega-menu-su-word-press\">Come aggiungere un mega menu su WordPress<\/a><ul><li><a href=\"#temi-word-press-con-mega-menu\">Temi WordPress con mega menu<\/a><\/li><li><a href=\"#plugin-per-i-mega-menu-word-press\">Plugin per i mega menu WordPress<\/a><ul><li><a href=\"#max-mega-menu\">Max Mega Menu<\/a><ul><li><a href=\"#installazione-e-configurazione-plugin-menu-word-press\">Installazione e configurazione plugin menu WordPress<\/a><\/li><li><a href=\"#max-mega-menu-pro\">Max Mega Menu Pro<\/a><\/li><\/ul><\/li><li><a href=\"#uber-menu\">UberMenu<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-un-mega-menu-definizione\">Cos\u2019\u00e8 un mega menu: definizione<\/h2>\n\n\n\n<p>Il nostro occhio si \u00e8 ormai abituato a concepire il menu di un sito come una barra &#8211; posizionata solitamente nella parte superiore del sito &#8211; con una serie di parole cliccabili. Queste parole, come fossero una sorta di mappa, contengono un <a href=\"https:\/\/supporthost.com\/it\/url\/\" data-type=\"post\" data-id=\"71749\">link verso un URL<\/a>, cio\u00e8 l&#8217;indirizzo di una nuova pagina web. A volte ci troviamo davanti i cosiddetti <strong>dropdown menu<\/strong>, dotati di una tendina che si visualizza al click o al passaggio del mouse, e che mostra altre voci di menu.<\/p>\n\n\n\n<p>Nel corso degli anni, tuttavia, i siti sono diventati <strong>molto articolati e ricchi di funzionalit\u00e0<\/strong>, un\u2019evoluzione che ha in qualche modo avuto un impatto anche sulla struttura e le potenzialit\u00e0 dei menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato-1024x468.png\" alt=\"Mega Menu Colorato\" class=\"wp-image-73421\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato-1024x468.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato-300x137.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato-768x351.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-colorato.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui entrano in gioco i mega menu di WordPress: strumenti che, rispetto ai menu standard, si arricchiscono di <strong>elementi visivi <\/strong>come icone e immagini, oltre a occupare uno spazio visivo molto pi\u00f9 ampio e capace di ospitare un <strong>maggior numero di link <\/strong>senza perdere in chiarezza e praticit\u00e0. Questo aumento di spazio e di possibilit\u00e0 di personalizzazione \u00e8 ci\u00f2 che rende \u201cmega\u201d questi menu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"premessa-alluso-e-alle-funzionalita-dei-menu\">Premessa all\u2019uso e alle funzionalit\u00e0 dei menu<\/h2>\n\n\n\n<p>I mega menu rispondono proprio all&#8217;esigenza sempre pi\u00f9 pressante del web di massimizzare gli strumenti digitali e le opportunit\u00e0 di personalizzazione, cos\u00ec da rendere ogni sito web pi\u00f9 <strong>performante e capace di distinguersi dagli altri<\/strong>.<\/p>\n\n\n\n<p>Ma com\u2019\u00e8 possibile che uno strumento cos\u00ec apparentemente marginale come il menu possa diventare talmente centrale da raggiungere potenzialit\u00e0 come quelle offerte dai mega menu?<\/p>\n\n\n\n<p>In realt\u00e0 i menu sono uno strumento tutt\u2019altro che di secondo piano, anche se spesso vengono considerati tali, e abbiamo anche dedicato un&#8217;articolo approfondito dedicato ai <a href=\"https:\/\/supporthost.com\/it\/menu-di-navigazione-sito-web\/\">menu di navigazione e alle loro funzionalit\u00e0<\/a>. Secondo <a href=\"https:\/\/www.ncbi.nlm.nih.gov\/pmc\/articles\/PMC4974011\/\" rel=\"noopener\">alcuni studi legati al mondo del web design<\/a> il <strong>38% degli utenti<\/strong>, durante la loro prima visita al sito, analizza con cura il menu e i vari link prima di proseguire nella navigazione. Questo dato evidenzia chiaramente quanto un menu possa <strong>influire nell\u2019esperienza d\u2019uso del suo pubblico <\/strong>e, di conseguenza, anche nella sua propensione verso l\u2019acquisto o altre tipologie di azioni richieste.<\/p>\n\n\n\n<p>Il web ci ha abituato per tanti anni a menu abbastanza standard, sempre con le stesse voci. Ecco a seguire un esempio classico:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>homepage<\/li>\n\n\n\n<li>servizi<\/li>\n\n\n\n<li>chi siamo<\/li>\n\n\n\n<li>contatti.<\/li>\n<\/ul>\n\n\n\n<p>Si tratta di un elemento del sito che a volte \u00e8 considerato cos\u00ec ininfluente da non essere pi\u00f9 di tanto preso in considerazione all\u2019interno di un processo di sviluppo di un sito web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"208\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-1024x208.png\" alt=\"Menu Semplice\" class=\"wp-image-73432\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-1024x208.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-300x61.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-768x156.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-120x24.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-1536x312.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/menu-semplice-2048x416.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Niente di pi\u00f9 sbagliato<\/strong>, e <a href=\"https:\/\/supporthost.com\/it\/web-designer\/\">chi si occupa di web design<\/a> lo sa bene: un menu progettato male o senza troppa cura potrebbe essere una delle cause per cui alcune sezioni di un sito ricevono poche visite, o ancora il motivo che porta gli utenti a sentirsi smarriti fra le varie pagine web.<\/p>\n\n\n\n<p><strong>Maggiore sar\u00e0 la complessit\u00e0 del sito e dell\u2019alberatura di contenuti, maggiore dovr\u00e0 essere la cura del tuo menu.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"652\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-1024x652.png\" alt=\"Mega Menu Con Immagini\" class=\"wp-image-73422\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-1024x652.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-768x489.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-99x63.png 99w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini-1536x978.png 1451w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-immagini.png 1450w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Un menu standard come quello che abbiamo visto poco fa rischia di essere troppo esiguo &#8211; e anche un po\u2019 scontato &#8211; per svolgere davvero la sua funzione di supporto alla navigazione degli utenti. Allo stesso modo per\u00f2, <strong>anche men\u00f9 troppo complessi e ricchi di link rischiano di mandare in confusione i visitatori<\/strong>, ed \u00e8 proprio questo il caso pi\u00f9 classico in cui la soluzione dei mega menu WordPress pu\u00f2 davvero fare la differenza.<\/p>\n\n\n\n<p>Scopriamo quindi quali sono i casi pi\u00f9 frequenti in cui questa soluzione pu\u00f2 fare al caso nostro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quando-utilizzare-i-mega-menu\">Quando utilizzare i mega menu<\/h2>\n\n\n\n<p>L\u2019errore pi\u00f9 classico davanti ai mega menu di WordPress \u00e8 quello di lasciarsi \u201caffascinare\u201d dalla loro bellezza e diversit\u00e0 rispetto ai menu classici, senza prima di tutto capire se possano davvero essere utili per il tuo sito web e il tuo pubblico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale-1024x682.png\" alt=\"Mega Menu Laterale\" class=\"wp-image-73423\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale-1024x682.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale-300x200.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale-768x512.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale-95x63.png 95w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-laterale.png 1385w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se hai un <strong>sito con una struttura molto semplice<\/strong>, fatta di poche pagine e pochi livelli gerarchici, puoi tranquillamente fare a meno dei mega menu. Il rischio infatti sarebbe quello di appesantire inutilmente l\u2019esperienza di navigazione dell\u2019utente solo per un puro fattore estetico, scelta che ci sentiamo di sconsigliare.<\/p>\n\n\n\n<p>Nel caso invece di progetti articolati come <strong><a href=\"https:\/\/supporthost.com\/it\/wordpress-ecommerce\/\">ecommerce<\/a>, portali, siti informativi o <a href=\"https:\/\/supporthost.com\/it\/blog-wordpress\/\">blog<\/a>, magari anche con un gran numero di categorie e tag, o ancora con diversi livelli di gerarchia<\/strong>, ecco che i mega menu tirano fuori tutto il loro potenziale per rendere pi\u00f9 agevole la navigazione e la fruizione dei contenuti. In questo caso sar\u00e0 molto importante, per ogni voce di menu, creare dei sottomenu in cui raggruppare le varie sottovoci.<\/p>\n\n\n\n<p>Nell&#8217;esempio qui sotto, il sottomenu &#8220;Telefonia&#8221; contiene tutta una serie di sottovoci pi\u00f9 specifiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"655\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-1024x655.png\" alt=\"Mega Menu Graficati\" class=\"wp-image-73420\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-1024x655.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-300x192.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-768x492.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-98x63.png 98w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati-1536x983.png 1444w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-graficati.png 1443w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-aggiungere-un-mega-menu-su-word-press\">Come aggiungere un mega menu su WordPress<\/h2>\n\n\n\n<p>WordPress anche nel caso dei mega menu permette di integrare con estrema facilit\u00e0 questo strumento all\u2019interno del tuo sito web. Esistono alcuni <strong>temi <\/strong>che prevedono gi\u00e0 al loro interno la possibilit\u00e0 di attivare i mega menu; oppure, come sempre, puoi appoggiarti a diversi <strong>plugin <\/strong>per integrarli nel tuo sito.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"temi-word-press-con-mega-menu\">Temi WordPress con mega menu<\/h3>\n\n\n\n<p>Se sei ancora in una fase preliminare di sviluppo del tuo sito e sai gi\u00e0 che l\u2019alberatura dei contenuti sar\u00e0 piuttosto articolata, potresti valutare di acquistare un tema che preveda gi\u00e0 la possibilit\u00e0 di attivare i mega menu, senza dover ricorrere ai plugin.<\/p>\n\n\n\n<p>Ad oggi esistono davvero <strong>centinaia di temi con questa funzionalit\u00e0<\/strong>, fra i quali segnaliamo i pi\u00f9 conosciuti:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" rel=\"noopener\">Divi<\/a> (puoi anche dare un&#8217;occhiata alla nostra <a href=\"https:\/\/supporthost.com\/it\/divi\/\">guida completa sul tema Divi<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/rnbtheme.com\/\" rel=\"noopener\">Ronneby<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mhthemes.com\/wp-themes\/simplemag-magazine-wordpress-theme\/\" rel=\"noopener\">SimpleMag<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mhthemes.com\/wp-themes\/smartmag-magazine-wordpress-theme\/\" rel=\"noopener\">SmartMag<\/a>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plugin-per-i-mega-menu-word-press\">Plugin per i mega menu WordPress<\/h3>\n\n\n\n<p>Se il tuo tema WordPress non include un mega menu, non disperare: in questo caso puoi fare affidamento su diversi plugin che ti permetteranno di potenziare il tuo menu. Ne troverai davvero tanti, ma abbiamo deciso di consigliarti i due che riteniamo avere il miglior equilibrio fra <strong>potenzialit\u00e0, facilit\u00e0 d&#8217;uso e impatto sulle prestazioni<\/strong> di un sito.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"max-mega-menu\">Max Mega Menu<\/h4>\n\n\n\n<p>Max Mega Menu \u00e8 senza dubbio il plugin pi\u00f9 famoso per questa tipologia di funzione, che conta ad oggi oltre <strong>400.000 download<\/strong> e una valutazione altissima da parte dei suoi utenti. Disponibile nella versione gratuita gi\u00e0 nella <a href=\"https:\/\/it.wordpress.org\/plugins\/megamenu\/\" rel=\"noopener\">directory di WordPress<\/a>, <strong>dialoga perfettamente con il menu standard di WordPress<\/strong> aggiungendo tutta una serie di funzionalit\u00e0 e livelli di personalizzazione molto validi.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"installazione-e-configurazione-plugin-menu-word-press\">Installazione e configurazione plugin menu WordPress<\/h5>\n\n\n\n<p>Per installare Max Mega Menu su WordPress sar\u00e0 sufficiente accedere a \u201cAggiungi nuovo plugin\u201d dall\u2019area Plugin nel backend, cercare il nome esatto e cliccare su &#8220;Installa ora&#8221; e, a seguire, \u201cAttiva\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-1024x389.png\" alt=\"Max Mega Menu WordPress\" class=\"wp-image-73424\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-1024x389.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-300x114.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-768x292.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-120x46.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-1536x584.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/max-mega-menu-wordpress-2048x778.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cosa succede a questo punto? Avrai a disposizione due sezioni per la personalizzazione del tuo menu.<\/p>\n\n\n\n<p>La visualizzazione e gli strumenti di configurazione classici rimangono comunque disponibili nella loro solita sezione, raggiungibile da backend cliccando su <strong>Aspetto<\/strong> e poi \u201cMenu\u201d. Una volta attivato il plugin, in questa sezione troverai anche una serie di nuove funzionalit\u00e0 che potrai personalizzare e visualizzare in frontend aprendo il menu a tendina &#8220;Max mega menu Settings&#8221; e mettendo il flag su \u201cAttiva\u201d.<\/p>\n\n\n\n<p><strong>Attenzione<\/strong>: per ogni modifica che farai in questa sezione ricordati di cliccare prima su &#8220;Salva&#8221;, e poi anche su &#8220;Salva menu&#8221; nel pannello di destra.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"543\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-1024x543.png\" alt=\"Configurazione Megamenu Wp\" class=\"wp-image-73427\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-1024x543.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-768x407.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp-1536x815.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/configurazione-megamenu-wp.png 1741w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Passando il mouse sulle singole voci di menu comparir\u00e0 un box azzurro con la dicitura &#8220;Mega Menu&#8221; accanto alla singola voce (come puoi vedere per &#8220;Servizi&#8221; nella schermata qui sopra): cliccandoci sopra si aprir\u00e0 un <strong>pannello in cui poter definire varie personalizzazioni<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress-1024x445.png\" alt=\"Personalizzazione Voce Mega Menu WordPress\" class=\"wp-image-73435\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress-1024x445.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress-300x130.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress-768x334.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress-120x52.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/personalizzazione-voce-mega-menu-wordpress.png 1111w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui potrai creare per ogni voce di menu le colonne in cui inserire i vari sottomenu e le voci specifiche, aggiungere <a href=\"https:\/\/supporthost.com\/it\/icone-wordpress\/\">icone WordPress<\/a> o altri contenuti visivi, e definire ogni dettaglio di visualizzazione.<\/p>\n\n\n\n<p>Puoi anche accedere alla sezione dedicata di backend cliccando su <strong>Max Mega Menu<\/strong>, cos\u00ec da avere a tua disposizione tutti i livelli di personalizzazione pi\u00f9 generale che questo plugin mette a tua disposizione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione-1024x619.png\" alt=\"Mega Menu WordPress Configurazione\" class=\"wp-image-73428\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione-1024x619.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione-300x181.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione-768x464.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione-104x63.png 104w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-wordpress-configurazione.png 1528w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In particolare:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Menu Locations<\/strong>: qui potrai scegliere in quale posizione collocare il tuo menu (footer, header, barra laterale, etc) e il suo comportamento generale.<\/li>\n\n\n\n<li><strong>Menu Themes<\/strong>: questa sezione \u00e8 dedicata all\u2019aspetto estetico. Colori, dimensioni, sfondi, font, fino alla personalizzazione dettagliata a livello di CSS.<\/li>\n\n\n\n<li><strong>Impostazioni generali<\/strong>: utile per decidere dove caricare il foglio di stile personalizzato.<\/li>\n\n\n\n<li><strong>Tools<\/strong>: qui trovi le funzioni di cancellazione della cache di questo plugin, cos\u00ec come l\u2019opzione per rimuovere tutti i suoi dati.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"max-mega-menu-pro\">Max Mega Menu Pro<\/h5>\n\n\n\n<p>Con l\u2019acquisto dell\u2019<a href=\"https:\/\/www.megamenu.com\/upgrade\/\" rel=\"noopener\">estensione a pagamento<\/a> (disponibile in tre opzioni, <strong>da 29$ a 99$<\/strong> in base al numero di licenze necessarie), a tutte le funzionalit\u00e0 gi\u00e0 attive con la versione gratuita si sommano alcune opzioni davvero interessanti. A seguire trovi le principali, nonch\u00e9 le pi\u00f9 richieste:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sticky menu WordPress<\/li>\n\n\n\n<li>organizzazione del menu in tab o accordion<\/li>\n\n\n\n<li>menu in formato verticale<\/li>\n\n\n\n<li>possibilit\u00e0 di integrazione con WooCommerce e funzionalit\u00e0 avanzate per gli ecommerce<\/li>\n\n\n\n<li>un ampio archivio di icone, font e stili<\/li>\n\n\n\n<li>barra di ricerca nel menu<\/li>\n\n\n\n<li>supporto prioritario.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"1008\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-icone.png\" alt=\"Mega Menu Con Icone\" class=\"wp-image-73429\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-icone.png 675w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-icone-201x300.png 201w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-con-icone-42x63.png 42w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/figure>\n\n\n\n<p>Questo plugin dispone inoltre di <a href=\"https:\/\/www.megamenu.com\/documentation\/\" rel=\"noopener\">un\u2019ampia documentazione tecnica<\/a> per la sua configurazione, ma non \u00e8 al momento disponibile in lingua italiana.<\/p>\n\n\n\n<p>Puoi approfondire le varie funzionalit\u00e0 anche attraverso questo tutorial realizzato dal nostro Ivan, che ti spiegher\u00e0 passo dopo passo <strong>come configurare e personalizzare il tuo mega menu WordPress<\/strong>.<\/p>\n\n\n\n<div data-video-id=\"bQHfmWNhWsk\" style=\"--btn-hover-color:#ff0000;--btn-hover-scale:1;\" class=\"wp-block-supporthost-supporthost-youtube-block\">\n    <div class=\"youtube-video-play youtube-video-play--youtube\" style=\"height:60px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 71.412 50\" style=\"height:60px;\"><g transform=\"scale(.58824)\"><path class=\"yt-bg\" fill=\"rgba(0,0,0,0.8)\" d=\"M118.9 13.3c-1.4-5.2-5.5-9.3-10.7-10.7C98.7 0 60.7 0 60.7 0s-38 0-47.5 2.5C8.1 3.9 3.9 8.1 2.5 13.3 0 22.8 0 42.5 0 42.5s0 19.8 2.5 29.2C3.9 76.9 8 81 13.2 82.4 22.8 85 60.7 85 60.7 85s38 0 47.5-2.5c5.2-1.4 9.3-5.5 10.7-10.7 2.5-9.5 2.5-29.2 2.5-29.2s.1-19.8-2.5-29.3z\"\/><path fill=\"#ffffff\" d=\"M80.2 42.5L48.6 24.3v36.4z\"\/><\/g><\/svg><\/div>            <img src=\"https:\/\/img.youtube.com\/vi\/bQHfmWNhWsk\/maxresdefault.jpg\" loading=\"lazy\" decoding=\"async\">    <\/div>\n\n\n<h4 class=\"wp-block-heading\" id=\"uber-menu\">UberMenu<\/h4>\n\n\n\n<p>Il secondo suggerimento di mega menu per WordPress che vi diamo \u00e8 un plugin disponibile <strong>solo nella versione a pagamento<\/strong>. Per UberMenu si tratta tuttavia di un costo davvero molto contenuto (<strong><a href=\"https:\/\/codecanyon.net\/item\/ubermenu-wordpress-mega-menu-plugin\/154703\" rel=\"noopener\">29 $ una tantum<\/a><\/strong>), che vi permette di accedere non solo a un plugin dalle funzionalit\u00e0 davvero eccellenti e senza pi\u00f9 limiti di licenza, ma anche a un\u2019assistenza tecnica molto supportiva.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"844\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/ubermenu-mega-menu.jpg\" alt=\"Ubermenu Mega Menu\" class=\"wp-image-73419\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/ubermenu-mega-menu.jpg 1000w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/ubermenu-mega-menu-300x253.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/ubermenu-mega-menu-768x648.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/ubermenu-mega-menu-75x63.jpg 75w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Abbiamo visto come i mega menu possano rivoluzionare e accentuare il potenziale non solo del menu, ma anche dell\u2019intera <strong>UX e UI di un sito web<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"365\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-1024x365.png\" alt=\"Mega Menu Sito WordPress Corporate\" class=\"wp-image-73430\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-1024x365.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-300x107.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-768x274.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-120x43.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-1536x548.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-sito-wordpress-corporate-2048x731.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Assicurati per\u00f2 di valutare attentamente <strong>se questa implementazione sia davvero necessaria<\/strong> per il tuo sito: domandati se aggiungere elementi visivi possa appesantire la fruizione del sito, e se non siano inutili tanti link in una posizione cos\u00ec in evidenza come quella del menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie-1024x653.png\" alt=\"Mega Menu Categorie\" class=\"wp-image-73431\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie-1024x653.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie-300x191.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie-768x489.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie-99x63.png 99w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/10\/mega-menu-categorie.png 1450w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se hai difficolt\u00e0 nel valutare come procedere, prova a porti queste domande:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Quali sono le esigenze primarie dei tuoi utenti?<\/li>\n\n\n\n<li>Quali pagine rispondono meglio a queste esigenze?<\/li>\n\n\n\n<li>Esiste una gerarchia fra questi contenuti?<\/li>\n\n\n\n<li>Quante sono le pagine che meritano di stare \u201cin vetrina\u201d nel tuo menu?<\/li>\n<\/ol>\n\n\n\n<p>Nel caso di un sito gi\u00e0 avviato, dare anche un\u2019occhiata agli <strong>analytics <\/strong>e, in particolare, ai dati di visualizzazione delle pagine potrebbe darti qualche spunto di riflessione.<\/p>\n\n\n\n<p>Se hai sperimentato il mondo dei mega menu WordPress e vuoi raccontarci la tua esperienza, ti aspettiamo nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La creazione di un mega menu su un sito WordPress \u00e8 un\u2019implementazione abbastanza semplice da gestire, che permette di migliorare notevolmente la navigazione fra le pagine, ottimizzare la User Experience e l&#8217;aspetto estetico dei menu. In questo articolo, oltre a spiegarti nel dettaglio come impostare un mega menu, ti aiuteremo anche a capire quali sono [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":73496,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-73417","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/73417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=73417"}],"version-history":[{"count":10,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/73417\/revisions"}],"predecessor-version":[{"id":134197,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/73417\/revisions\/134197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/73496"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=73417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=73417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=73417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}