{"id":119964,"date":"2023-04-04T10:45:40","date_gmt":"2023-04-04T10:45:40","guid":{"rendered":"https:\/\/elementor.com\/blog\/introduzione-a-elementor-3-12-progetta-mega-menu-bellissimi-e-sofisticati\/"},"modified":"2025-12-28T06:30:58","modified_gmt":"2025-12-28T04:30:58","slug":"introduzione-a-elementor-3-12-progetta-mega-menu-bellissimi-e-sofisticati","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/it\/introduzione-a-elementor-3-12-progetta-mega-menu-bellissimi-e-sofisticati\/","title":{"rendered":"Introduzione a Elementor 3.12 – Progetta Mega Menu Bellissimi e Sofisticati"},"content":{"rendered":"\n

Elementor 3.12 include una serie di funzionalit\u00e0 entusiasmanti, tra cui un nuovo widget Menu, che ti permetter\u00e0 di creare visivamente Mega Menu sofisticati in Elementor.\nQuesta versione include anche una nuova funzionalit\u00e0 che ti consente di personalizzare ulteriormente le liste del tuo sito web e creare un modello alternativo nel widget Loop Grid.\nInfine, questa versione amplia anche le capacit\u00e0 esistenti e ti offre ulteriori opzioni di design e personalizzazione. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Introduzione al Mega Menu in Elementor con il Nuovo Widget Menu<\/h2>\n\n

Questa versione introduce una delle funzionalit\u00e0 pi\u00f9 richieste: il Mega Menu, disponibile con il nuovo widget Menu.\nUtilizzando il nuovo widget Menu, puoi creare un menu espandibile che ti consente di visualizzare pi\u00f9 contenuti.\nQuesto migliora l’esperienza del visitatore rendendo pi\u00f9 facile per i visitatori del sito trovare determinate categorie e sottocategorie, e ti consente di creare design<\/a> di siti web unici e distintivi.\nPer utilizzare il nuovo widget menu, assicurati di abilitare le funzionalit\u00e0 Menu, Flexbox Containers e Nested Elements andando alla tua Dashboard di WordPress \u2192 Elementor \u2192 Features. <\/p>\n\n

Configurare la Navigazione del Tuo Sito Web<\/h3>\n\n

Con il nuovo widget Menu, puoi creare quanti elementi di menu desideri, da zero, senza dover necessariamente creare alcun menu nella schermata Menu di WordPress.\nOgni elemento di menu pu\u00f2 essere collegato a qualsiasi pagina, offrendoti maggiore flessibilit\u00e0 nella strutturazione della navigazione del tuo sito web.\nPer una navigazione ottimale, si consiglia di utilizzare il tag dinamico Internal URL<\/a> per garantire che gli elementi del menu siano sempre collegati alla pagina desiderata. <\/p>\n\n

Per ogni elemento di menu, puoi decidere se l’elemento del menu include contenuti a discesa dove puoi aggiungere sottocategorie o meno, e scegliere un’icona per l’indicatore a discesa.\nSe scegli di aggiungere contenuti a discesa, puoi impostare un effetto a discesa per aprire l’elemento del menu al passaggio del mouse o al clic, e scegliere se desideri che i contenuti a discesa si dissolvano con un effetto di animazione. <\/p>\n\n

Crea un Mega Menu con Contenuti a Discesa<\/h3>\n\n

Abilitando i contenuti a discesa, per ogni elemento di menu, e sfruttando la potenza dei Container e degli Elementi Annidati, puoi creare Mega Menu belli e sofisticati.\nQuando abiliti i contenuti a discesa su un elemento di menu, verr\u00e0 aggiunto un nuovo container all’elemento di menu, dove puoi trascinare qualsiasi widget, stilizzare l’area dei contenuti e progettare qualsiasi layout desideri, migliorando l’esperienza del visitatore e aumentando il loro coinvolgimento.\nScopri come creare un Mega Menu qui<\/a>. <\/p>\n\n

Impostazioni Responsive<\/h2>\n\n

Per adattare l’esperienza del visitatore a ciascun dispositivo, puoi scegliere il punto di interruzione in cui il menu diventa un menu a toggle e regolare il modo in cui le aree dei contenuti a discesa sono progettate per adattarsi allo schermo su cui vengono visualizzate. <\/p>\n\n

Nota Bene:<\/strong> Come parte di questo aggiornamento, il widget Nav Menu \u00e8 stato rinominato WordPress Menu, e puoi ancora usarlo in qualsiasi momento, anche all’interno del tuo widget Menu per creare Menu basati sulla schermata Menu di WordPress. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Diversifica il Tuo Design con un Modello Alternativo nel Loop<\/strong><\/h2>\n\n

Loop Alternate Template<\/a>, una nuova funzionalit\u00e0 nel widget Loop Grid, ti consente di ottenere un livello di flessibilit\u00e0 di design superiore applicando un modello diverso su elementi specifici all’interno di una griglia loop. <\/p>\n\n

Aggiungi un Modello Alternativo per Far Risaltare gli Elementi<\/h3>\n\n

Per aggiungere un altro modello nella tua griglia loop, attiva l’interruttore ‘Applica un modello alternativo’.\nCliccando su Crea un Modello verrai indirizzato al Theme Builder<\/a>, dove puoi progettare un nuovo Elemento Loop, in alternativa, puoi scegliere uno qualsiasi dei Modelli di Elemento Loop che hai precedentemente creato come tuo modello alternativo.\nPuoi creare fino a 20 diversi modelli<\/a> per ogni Loop Grid sul tuo sito web. <\/p>\n\n

Una volta scelto il modello che desideri utilizzare, puoi determinare a quale posizione dell’elemento nella griglia vuoi applicarlo e se desideri che si ripeta o meno.\nAd esempio, puoi applicare un modello alternativo all’elemento nella 2\u00aa posizione nella griglia e poi determinare se desideri che appaia solo sul 2\u00b0 elemento o si ripeta su ogni 2\u00b0 elemento. <\/p>\n\n

Nota Bene:<\/strong> Come parte di questa versione, l’applicazione di un modello alternativo sovrascrive il design di elementi specifici nella tua griglia loop, in base alla query selezionata per l’intera griglia.\nNon \u00e8 ancora possibile iniettare un elemento esterno alla query. <\/p>\n\n

Occupare Pi\u00f9 Spazio con la Spanning delle Colonne<\/h3>\n\n

Imposta una spanning delle colonne per il modello alternativo per far risaltare ancora di pi\u00f9 gli elementi del loop specifici.\nQuesto ti permetter\u00e0 di progettare un modello che occupa pi\u00f9 spazio all’interno della tua griglia loop.\nAd esempio, se hai una griglia loop con 3 colonne, puoi creare un modello alternativo che copre 2 colonne.\nCi\u00f2 significa che se applichi il modello alternativo al 2\u00b0 elemento e lo imposti per coprire 2 colonne, il 2\u00b0 elemento occuper\u00e0 2 colonne nella prima fila. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Avvia il Tuo Flusso di Lavoro con Modelli di Loop Preprogettati<\/strong><\/h2>\n\n

Accelera il tuo flusso di lavoro e lasciati ispirare da 10 nuovi modelli di loop disponibili nella libreria.\nQuesta versione include 6 modelli per i post e 4 per i prodotti WooCommerce<\/a>.\nPuoi trovare i modelli cliccando sull’icona della libreria dei modelli nel canvas quando crei un nuovo modello di loop.\nLa libreria dei modelli ti mostrer\u00e0 i modelli di post o prodotti in base al ‘tipo di modello’ che scegli nella scheda contenuti della griglia del loop. <\/p>\n\n

Una volta scelto il modello che desideri utilizzare, puoi personalizzarlo ulteriormente e scegliere i contenuti e le query che desideri visualizzare. <\/p>\n\n

Si prega di notare<\/strong>: i modelli di loop sono basati su contenitori e sono disponibili solo per i siti web che hanno abilitato i contenitori. <\/p>\n\n

\"\"<\/figure>\n\n

Rinnovamento dell’interfaccia di Elementor<\/strong><\/h2>\n\n

Elementor esiste da quasi 7 anni, periodo in cui \u00e8 stata progettata per la prima volta l’interfaccia dell’Editor.\nNel corso degli anni, sono state aggiunte innumerevoli nuove funzionalit\u00e0 e widget<\/a>, rendendo importante per Elementor apportare modifiche all’interfaccia utente (UI) e all’esperienza utente (UX), per facilitare la crescita futura del prodotto. <\/p>\n\n

Nel corso delle prossime versioni, l’interfaccia di Elementor subir\u00e0 un rinnovamento graduale, che sar\u00e0 costruito in REACT.\nLe modifiche all’interfaccia incoraggiano le migliori pratiche nella creazione di siti web con Elementor, migliorano l’accessibilit\u00e0, semplificano i flussi di lavoro e consentono l’introduzione di nuove funzionalit\u00e0 in futuro. <\/p>\n\n

Un nuovo schema di colori per Elementor <\/strong><\/h3>\n\n

In Elementor 3.12, l’interfaccia dell’Editor ha subito il suo primo aggiornamento per allinearsi al nuovo schema di colori<\/a>. Come parte di questo aggiornamento, i colori nell’Editor sono stati semplificati. I nuovi colori sono ottimizzati per la modalit\u00e0 scura e chiara, hanno una migliore accessibilit\u00e0 e ti permettono di concentrarti sui contenuti del tuo sito web, senza influire sulle funzionalit\u00e0 del prodotto.<\/p>\n\n

Esperimento: Nuova Barra Superiore<\/strong><\/h3>\n\n

In Elementor 3.12, la nuova Barra Superiore viene introdotta come esperimento che puoi abilitare (dal Dashboard di WordPress \u2192 Elementor \u2192 Funzionalit\u00e0).\nQuesta versione mostra la fase iniziale della nuova Barra Superiore nell’Editor, che \u00e8 stata costruita utilizzando REACT per migliorare le prestazioni e abilitare capacit\u00e0 future.\nLa Barra Superiore riunisce tutte le azioni essenziali necessarie per la creazione di siti web in un’unica posizione centralizzata e facilmente accessibile. <\/p>\n\n

Come parte di questa versione, la Barra Superiore include i seguenti elementi e capacit\u00e0: <\/p>\n\n