Novità di Elementor 3.17: migliora l'esperienza dei visitatori con AJAX, siti Web più veloci e altro ancora

Questa versione introduce il tanto atteso AJAX Loading for Loop Grids, che consente di modificare l'impaginazione senza ricaricare l'intera pagina. Ottimizza inoltre il caricamento delle immagini, migliorando le prestazioni del tuo sito. Il nuovo widget di valutazione espande la tua flessibilità per caricare un SVG personalizzato e scegliere qualsiasi scala di valutazione. Inoltre, i miglioramenti del Mega Menu consentono lo scorrimento orizzontale per i menu che non vengono ridotti a icona nel "Layout Hamburger".

Hello Theme è aggiornato alla versione 2.9, con una nuova pagina Impostazioni che ti consente di disabilitare le funzionalità integrate del tema per migliorare le prestazioni del sito.

[PRO] Presentazione di AJAX per Loop Grids: per un caricamento dei contenuti senza interruzioni

Siamo entusiasti di presentare la quarta funzionalità più richiesta su GitHub: il caricamento AJAX per Loop Grids. AJAX, che sta per Asynchronous JavaScript e XML, rende l'esperienza dei visitatori del tuo sito più fluida caricando nuovi contenuti in una Loop Grid senza ricaricare l'intera pagina.

Impaginazione della griglia di loop AJAX

I visitatori ora possono passare da una pagina all'altra della tua inserzione senza ricaricare l'intera pagina. Facendo clic sull'elemento di impaginazione della Griglia Loop si ricarica solo il contenuto della Griglia, facilitando un'esperienza più fluida per i visitatori che sfogliano un elenco di prodotti o post. AJAX Pagination assegna inoltre a ciascuna pagina della tua inserzione il proprio parametro URL, rendendo più semplice per i visitatori salvare o condividere collegamenti a pagine di inserzioni specifiche. Ad esempio, se stai creando un blog di ricette, i visitatori potranno sfogliare facilmente un elenco di ricette e condividere o salvare collegamenti a pagine contenenti ricette che gli sono piaciute.

Il controllo "Autoscroll" è un'altra caratteristica di AJAX Loading. L'attivazione dello scorrimento automatico consente di scorrere automaticamente verso l'alto della griglia quando i visitatori modificano l'impaginazione. Se utilizzi un filtro tassonomico, puoi impostare un valore di offset per l'effetto di scorrimento automatico per mantenere visibile la barra del filtro.

Impaginazione individuale per griglie di loop e widget di post

Nelle versioni precedenti, la modifica dell'impaginazione di un'inserzione influenzava l'impaginazione delle altre inserzioni sulla stessa pagina. Ad esempio, se sia una griglia di loop che un widget di post fossero posizionati sulla stessa pagina, selezionando la terza pagina di uno di essi si caricherebbe anche la terza pagina del secondo. Tuttavia, con la funzione Paginazione individuale, i visitatori possono ora modificare la paginazione di un elenco senza influenzare le altre griglie di loop e i widget dei post sulla pagina. Ad esempio, in un blog di ricette, puoi aggiungere una griglia di loop che visualizza ricette vegetariane insieme a una griglia di loop o un widget post che visualizza un elenco di tutti i tuoi post. I visitatori possono modificare l'impaginazione del widget post o della griglia loop in modo indipendente.

Migliora le prestazioni del sito web con LCP più veloce

Elementor 3.17 rende il tuo sito ancora più veloce con due funzionalità che aumenteranno i tempi di caricamento del tuo sito web.

Ottimizza il caricamento delle immagini

Il primo aggiornamento delle prestazioni in questa versione è il risultato della partnership di Elementor con Chrome per identificare opportunità per migliorare le prestazioni dei siti Web creati da Elementor. La collaborazione prevede l'utilizzo di strumenti Google come Chrome User Experience Report e Core Web Vitals Technology Report. Uno dei risultati dell'utilizzo di questi strumenti è la decisione di Google di contribuire con le funzionalità "Ottimizza caricamento immagini" al plug-in principale di Elementor.

Questa funzionalità sperimentale migliora la velocità del frontend dando priorità al caricamento delle immagini in base al posizionamento delle immagini sulla pagina. Rileva quale immagine ha più probabilità di essere l'"immagine LCP", l'elemento di disegno più grande e ricco di contenuti nel viewport, e assegna la priorità al suo caricamento utilizzando i suggerimenti di priorità.

L'esperimento applica anche il caricamento lento alle immagini non inizialmente visualizzate nel viewport e le carica quando vengono visualizzate. Queste modifiche migliorano la metrica LCP Core Web Vital del 5-10%, a seconda della complessità della pagina. Pertanto, le pagine ricche di immagini godranno di un incremento delle prestazioni ancora maggiore. Questa funzionalità funziona anche con i siti Web Elementor in esecuzione su versioni precedenti di WordPress che non includono aggiornamenti di rilevamento LCP.

Caricamento delle risorse Gutenberg

Il secondo aggiornamento delle prestazioni aumenta la velocità del frontend del tuo sito escludendo gli stili e gli script Gutenberg quando non sono in uso. Questo esperimento migliora la metrica LCP del tuo sito rilevando quando Gutenberg non è stato utilizzato per creare una pagina o generarne il contenuto. Ciò consente a Elementor di evitare di caricare codice non necessario.

Nuovo widget di valutazione per la flessibilità del design

Elementor 3.17 introduce il nuovo widget di valutazione, offrendo maggiore flessibilità per personalizzare le scale di valutazione visive per prodotti, contenuti e altro ancora. Puoi rappresentare visivamente la tua valutazione utilizzando le icone Font Awesome o caricando il tuo SVG. Ad esempio, per una recensione musicale, potresti utilizzare il tuo SVG per assegnare a un nuovo album una valutazione di 5 su 5 dischi d'oro.

Il widget di valutazione espande la gamma di scale di valutazione disponibili nel widget di valutazione a stelle. Invece di limitarti a una scala da 0-5 o 0-10, ora puoi impostare una scala di valutazione da zero a qualsiasi numero adatto alle tue esigenze. Ad esempio, potresti assegnare a un album una valutazione di record d'oro 3 su 3 o 7 su 7. Il menu a discesa Scala di valutazione è stato sostituito con un intervallo per facilità d'uso.

Inoltre, il widget Valutazione migliora il posizionamento SEO del tuo sito con un attributo schema migliorato. Sostituisce il widget Valutazione a stelle nel pannello Widget, ma eventuali valutazioni a stelle esistenti sul tuo sito rimarranno inalterate.

Scorrimento orizzontale per il widget del menu

Elementor 3.17 offre maggiore flessibilità di progettazione durante la creazione di menu. Fino ad ora, quando i visitatori modificavano la dimensione del loro viewport, i menu si ridimensionavano in un “layout a discesa” (noto anche come “menu hamburger”). Con i nuovi aggiornamenti al widget menu, puoi impedire il ridimensionamento dei menu andando su Impostazioni reattive, aprire il menu a discesa denominato "Punto di interruzione" e selezionare "Nessuno".

La disabilitazione del ridimensionamento reattivo può comportare situazioni in cui il menu è più largo della finestra. In molti casi, ciò può far scivolare alcune voci di menu alla riga successiva. Per evitare ciò, la versione 3.17 include anche la possibilità di abilitare lo scorrimento orizzontale. Se abilitato, il tuo menu manterrà il suo design originale su qualsiasi dispositivo e consentirà ai visitatori di scorrere orizzontalmente le voci del menu invece di interrompere il design.

Miglioramenti dell'accessibilità

• Popup: migliora la gestione del focus quando si abilita l'opzione Navigazione accessibile, concentrandosi inizialmente sul pulsante di chiusura del popup invece che su altri elementi attivabili all'interno dei popup.
• Widget Sommario: indica che il pulsante minimizza/ingrandimento nel widget Sommario è un elemento interattivo per i visitatori che utilizzano tecnologie assistive.
• Widget barra di avanzamento: consente ai lettori dello schermo di associare correttamente le etichette alle barre di avanzamento corrispondenti.
• Widget playlist video: assegna tag HTML personalizzati a diversi elementi nel widget playlist video.
• Widget Fisarmonica nidificato: migliora l'accessibilità dei layout Fisarmonica per i visitatori che utilizzano la navigazione da tastiera.

Ulteriori aggiornamenti

1. Design di modelli reattivi: migliora la tua capacità di visualizzare correttamente le modifiche apportate ai design reattivi dei modelli con punti di interruzione aggiuntivi. Non avrai più bisogno di rigenerare i CSS per vedere le modifiche apportate ai modelli durante la modifica nel Theme Builder. Le modifiche si rifletteranno nell'editor e nel frontend del tuo sito web.
2. Accordion Widget FAQ Schema: migliora la compatibilità SEO dei tuoi contenuti aggiungendo un controllo dello schema FAQ. Lo schema FAQ aggiunge un markup specializzato al codice della tua pagina che contiene un elenco di domande e risposte. I motori di ricerca possono leggere questo markup e utilizzarlo per generare codice ricco.
3. Integrazione VideoPress: integra perfettamente VideoPress nel tuo sito Elementor. Goditi tutte le funzionalità offerte da VideoPress, come video ospitati autonomamente, file video transcodificati per la riproduzione su molti tipi di dispositivi, streaming adattivo basato sulle dimensioni dello schermo del dispositivo e sulla larghezza di banda disponibile, la possibilità di autenticare video privati ​​e altro ancora.

[Elementor AI] Cronologia AI: ripristina i contenuti generati dall'IA

Elementor 3.17 migliora il tuo flusso di lavoro su Elementor AI con la funzione Cronologia AI. Questa funzionalità visualizza i prompt utilizzati in precedenza e le immagini o i testi da essi generati. È possibile ripristinare i prompt e il relativo contenuto generato, consentendo di riprendere da dove si era interrotto. Puoi continuare a modificare il contenuto con AI, utilizzarlo sul tuo sito o eliminarlo definitivamente dalla cronologia AI.

Sebbene non sia possibile recuperare il codice generato in precedenza dalla cronologia AI, poiché il codice viene creato per widget specifici, è possibile accedere ai prompt utilizzati per generarli per rigenerare il nuovo codice dai prompt storici. Ad esempio, potresti aver chiuso accidentalmente il browser mentre lavoravi su una nuova immagine di sfondo o aver deciso di utilizzare un testo generato dall'intelligenza artificiale che è stato scartato. La cronologia AI consente di recuperare e utilizzare le istruzioni e i contenuti fino a 90 giorni nel passato.

Personalizza le impostazioni del tema con Hello Theme 2.9

Ora puoi ottimizzare le impostazioni del tuo tema Hello, migliorando le prestazioni del tuo sito web in base alle tue esigenze specifiche. Hello Theme 2.9 introduce una varietà di interessanti funzionalità che migliorano la navigazione, la leggibilità, il SEO e altro ancora. Con questa versione non è più necessario modificare il codice del tema per evitare impostazioni ridondanti o irrilevanti. Visita invece la nuova pagina Impostazioni sulla dashboard di WordPress dove puoi disattivare funzionalità come meta tag di descrizione, collegamenti salta, titoli di pagina e altro. La disabilitazione di queste funzionalità riduce le dimensioni del tuo sito web ed elimina i CSS inutilizzati.

Migliora l'esperienza dei visitatori, i tempi di caricamento e goditi una maggiore flessibilità di progettazione

Elementor 3.17 introduce diverse funzionalità per migliorare l'esperienza dell'utente e le prestazioni del sito web. Una caratteristica significativa è AJAX Loading for Loop Grids, che consente transizioni fluide dei contenuti senza ricaricare l'intera pagina. Inoltre, le ottimizzazioni del caricamento delle immagini e il caricamento delle risorse Gutenberg aumentano la velocità del tuo sito. Il nuovo widget di valutazione fornisce scale di valutazione visive flessibili e il mega menu ora include lo scorrimento orizzontale. Elementor AI dispone anche di un pannello della cronologia AI, che ti consente di accedere ai suggerimenti precedenti e ai contenuti generati. Inoltre, l'aggiornamento Hello Theme alla versione 2.9 consente agli utenti un maggiore controllo sulle funzionalità del sito Web, inclusa l'opzione per disabilitare alcune funzionalità integrate.

Facci sapere quale funzionalità ti entusiasma di più nella sezione commenti!