Elementor 3.16: velocità migliorata, design versatile e maggiore accessibilità

Nella sua ultima versione, Elementor 3.16 ha introdotto numerosi miglioramenti degni di nota per gli sviluppatori web e i proprietari di siti. Per impostazione predefinita, i contenitori Flexbox sono ora attivati ​​su tutti i nuovi siti Web, aumentando significativamente sia le prestazioni che la flessibilità del design. Questo aggiornamento introduce anche un controllo migliorato dello "spazio tra gli elementi", offrendo agli utenti una flessibilità ancora maggiore quando lavorano con i contenitori Flexbox.

Uno dei miglioramenti chiave di questa versione è la chiara distinzione tra Flexbox e Grid Container Widget all'interno del pannello Widget. Questa differenziazione si traduce in widget separati per ciascun tipo di contenitore, semplificando il processo di progettazione e migliorando l'esperienza complessiva dell'utente.

Inoltre, i visitatori del sito beneficeranno di tempi di caricamento notevolmente più rapidi, grazie alle ottimizzazioni apportate alle metriche Time to First Byte (TTFB). Questo aggiornamento pone inoltre una forte enfasi sull'accessibilità, garantendo un'esperienza più inclusiva per gli utenti che fanno affidamento su screen reader e altre tecnologie assistive.

In particolare, i widget Menu e Schede sono stati sottoposti ad aggiornamenti essenziali dell'infrastruttura, ponendo le basi per l'implementazione di funzionalità avanzate nelle versioni future. Questi miglioramenti collettivamente rendono Elementor 3.16 un prezioso aggiornamento sia per i siti Web nuovi che per quelli esistenti.

Sbloccare la massima libertà di progettazione: abilitare i contenitori Flexbox per nuovi siti web

I contenitori Flexbox sono all'altezza del loro nome offrendo un notevole grado di flessibilità. Concedono ai designer il potere di creare siti Web che non solo siano perfetti in termini di pixel, ma anche altamente performanti e reattivi. Con le loro precise opzioni di posizionamento, i contenitori Flexbox semplificano il compito di organizzare e distribuire gli articoli all'interno di un contenitore, rendendo la creazione di layout flessibili un gioco da ragazzi. Prendi, ad esempio, la possibilità di posizionare widget di intestazione, immagine ed editor di testo in un unico contenitore. Ciò che è ancora più impressionante è la capacità di impostare direzioni flessibili distinte per diverse dimensioni dello schermo, consentendo di riordinare gli elementi senza soluzione di continuità in base al dispositivo.

Inoltre, i contenitori Flexbox sono dotati di supporto per widget nidificati, consentendo il posizionamento di widget all'interno delle aree di contenuto di Carousel, Menu, Tabs e Accordion Widget. Considera la possibilità di utilizzare il widget Accordion per costruire layout complessi, con un modulo di contatto in un elemento e un widget di Google Maps in un altro.

Una novità significativa in questo senso è che, a partire da questa versione, i Flexbox Containers saranno automaticamente abilitati per tutti i nuovi siti web. Questa modifica non avrà alcun impatto sui siti esistenti creati utilizzando sezioni e colonne, che possono continuare a essere utilizzate. Tuttavia, si consiglia vivamente di adottare i contenitori per sfruttare appieno le nuove funzionalità di progettazione. Se stai intraprendendo la creazione di un nuovo sito Web e intendi mantenere sezioni e colonne, hai la possibilità di disattivare la funzione Flexbox Container, anche se ciò significa rinunciare all'accesso a funzionalità e widget con funzionalità nidificate.

L'attivazione dei contenitori Flexbox sblocca anche l'accesso a kit e modelli basati su contenitori, che comprendono kit popolari basati su sezioni che sono stati adattati ai contenitori, insieme a nuovissime opzioni di progettazione. Al contrario, se preferisci rimanere con kit e modelli basati su sezioni, disabilita semplicemente la funzione Contenitore Flexbox.

Controllo del divario aggiornato

Nell'ultimo aggiornamento, gli sviluppatori hanno snellito l'interfaccia utente semplificando la terminologia. Il controllo precedentemente noto come "Gap between elements" viene ora chiamato semplicemente "Gap". Questa modifica rende più facile per gli utenti comprenderne lo scopo. Inoltre, c'è un notevole miglioramento nel modo in cui regoli lo spazio tra gli elementi all'interno dei contenitori.

In precedenza, un singolo controllo di intervallo svolgeva il lavoro, ma ora troverai due input numerici distinti: uno per gli spazi orizzontali e un altro per gli spazi verticali. Questa modifica apre un mondo di precisione, poiché puoi mettere a punto il posizionamento di ciascun elemento con la massima accuratezza. Sono finiti i giorni dei divari uniformi; ora hai la flessibilità di impostare valori diversi per gli spazi orizzontali e verticali, adattando il tuo progetto alla perfezione.

Un'altra caratteristica interessante è la possibilità di personalizzare le unità in cui definire queste lacune. Che tu preferisca pixel, percentuali, EM, REM o VW, hai il potere di impostare le tue lacune in base ai tuoi requisiti di progettazione. Si tratta di darti la libertà creativa e il controllo di cui hai bisogno per far risaltare i tuoi progetti.

Widget contenitore griglia

Nel campo del web design e della gestione del layout, i Grid Containers emergono come uno strumento formidabile, offrendo i mezzi per creare complesse disposizioni multi-elemento all'interno di un unico involucro a forma di griglia. L'ultima iterazione introduce un miglioramento che conferisce ai contenitori della griglia la propria presenza all'interno del pannello Widget. Questa nuova integrazione offre agli utenti la comodità dell'accesso diretto ai Grid Containers, eliminando la necessità di ricorrere al processo più contorto di trascinamento di un Flexbox Container e successivamente modificandone il tipo.

Il flusso di lavoro è stato ottimizzato per comodità dell'utente. Quando un utente inserisce un Flexbox Container nell'editor, il sistema ne istanzia perfettamente come tale, mentre l'introduzione di un Grid Container viene soddisfatta con la manifestazione immediata del layout della griglia. Tuttavia, è fondamentale notare che questa flessibilità va oltre la semplice selezione iniziale. Gli utenti mantengono la capacità di convertire qualsiasi tipo di contenitore nell'alternativa tramite il menu a discesa Layout contenitore nella sezione Layout. Tale adattabilità garantisce che i progettisti abbiano la libertà creativa di adattare i propri layout esattamente alle loro specifiche.

Accelerazione più rapida con TTFB

L'ultimo aggiornamento del popolare page builder di WordPress, Elementor, promette miglioramenti sostanziali nei tempi di caricamento del sito. La versione 3.16, rilasciata giovedì 21 settembre 2023, migliora il tempo al primo byte (TTFB) del 5-20% per i siti che utilizzano Elementor Core gratuito e fino al 40% per i siti che utilizzano Elementor Pro in base alla complessità della pagina . Questo aggiornamento fornirà un'esperienza più rapida e fluida ai visitatori del sito fornendo contenuti più rapidamente che mai.

Il notevole incremento delle prestazioni del frontend è stato ottenuto modificando le condizioni di visualizzazione all'interno dell'editor di Elementor. Queste modifiche al modo in cui Elementor esegue il rendering dei contenuti nell'interfaccia dell'editor portano al TTFB migliorato, che è una metrica chiave per misurare la velocità con cui un sito invia il primo byte di dati agli utenti. Semplificando il suo editor, Elementor consente ai siti di fornire contenuti più velocemente pur fornendo tutte le ricche funzionalità di progettazione che hanno reso il builder così popolare.

Accessibilità migliorata

L'ultima versione del popolare page builder WordPress Elementor contiene numerosi miglioramenti notevoli all'accessibilità e all'inclusività del sito Web. Secondo l'annuncio di giovedì 21 settembre 2023, la versione 3.16 semplifica l'accesso ai contenuti del sito per i visitatori che utilizzano screen reader e altre tecnologie assistive.

Ad esempio, sono stati apportati miglioramenti a widget come Icon Box e Image Box che contengono più elementi e collegamenti. Ora, quando un lettore di schermo esegue la scansione di questi widget, leggerà ciascun collegamento univoco solo una volta anziché ripetere gli stessi collegamenti in modo ridondante. Questo aggiornamento impedisce agli utenti di screen reader di sprecare tempo con informazioni duplicate.

Anche il widget Post ha ricevuto un aggiornamento per l'accessibilità. Gli screen reader ora si concentreranno esclusivamente sui titoli dei post all'interno di questo widget, ignorando qualsiasi contenuto aggiuntivo non necessario come gli inviti all'azione "Leggi di più" e il testo alternativo dell'immagine in primo piano. Semplificare l'esperienza di lettura in questo modo migliora l'accessibilità del sito per i visitatori con problemi di vista che sfogliano i post con la tecnologia assistiva.

Nel complesso, questi miglioramenti ponderati di Elementor consentono ai creatori di creare siti Web più inclusivi e divertenti per tutti gli utenti, indipendentemente dalle capacità. I miglioramenti contribuiscono a garantire che il contenuto del sito venga distribuito in modo efficiente ed efficace ai visitatori che si affidano a lettori di schermo e altre tecnologie assistive.

Widget menu e schede aggiornati

L'ultima versione di Elementor include miglioramenti nascosti all'infrastruttura che alimenta i widget Menu e Schede. Secondo l'annuncio di giovedì 21 settembre 2023, la versione 3.16 aggiorna questi widget per generare codice unificato per le voci di menu e i titoli delle schede su tutte le dimensioni dello schermo.

Questo aggiornamento elimina il codice duplicato che potrebbe verificarsi quando si applicano impostazioni reattive a questi widget nelle versioni precedenti. Il consolidamento della base di codice backend apre inoltre la strada all'implementazione di funzionalità avanzate per questi widget in futuro.

Oltre ai miglioramenti della codifica, i widget Menu e Schede sono ora complessivamente più accessibili. Tuttavia, l'unificazione del codice del titolo potrebbe potenzialmente interrompere la progettazione dei widget esistenti se in passato sono stati applicati CSS personalizzati ai titoli.

I miglioramenti a questi widget di uso comune dimostrano l'impegno di Elementor nel mantenere aggiornati i suoi widget principali. Sebbene le modifiche possano richiedere agli sviluppatori di ricontrollare i CSS personalizzati, gettano le basi per un comportamento più reattivo e un'accessibilità migliore in futuro. Per la maggior parte degli utenti, gli aggiornamenti dovrebbero essere fluidi e offrire un'esperienza migliore su tutte le dimensioni dello schermo.

Avvolgendo

Nel complesso, quest'ultima versione rappresenta un progresso significativo nella creazione di siti Web più veloci, più reattivi e accessibili. Mentre Elementor continua a perfezionare le sue funzionalità principali, gli sviluppatori dovrebbero prendere in considerazione l'aggiornamento per sbloccare il potenziale dei contenitori, aumentare le prestazioni e migliorare l'accessibilità. Esplorare queste aggiunte all'avanguardia al popolare generatore di pagine può aiutare i siti a rimanere all'avanguardia nel design fornendo allo stesso tempo esperienze eccellenti a tutti i visitatori.