5 nuove funzionalità di Elementor che gli utenti devono conoscere e utilizzare

Elementor, la società di software acclamata come una delle startup israeliane più promettenti nel 2019, è nota per il suo costruttore di siti Web, che semplifica la creazione di siti Web professionali per gli utenti di WordPress. Il costruttore di siti WordPress ha già accumulato oltre 5 milioni di installazioni attive. Il suo plugin, con un alto punteggio di 4,7 stelle, è uno dei più votati su WordPress.org.

Negli ultimi anni, Elementor ha subito modifiche per migliorare le sue funzioni e migliorare le esperienze degli utenti. Le nuove funzionalità che Elementor ha aggiunto nel 2021 sono particolarmente degne di nota, in quanto rispondono a ciò che gli utenti chiedono a gran voce e a ciò che fornirebbe miglioramenti significativi nel modo in cui i creatori di siti web costruiscono la loro presenza online.

Ecco cinque nuove funzionalità che gli utenti di Elementor dovrebbero conoscere e utilizzare per sfruttare al meglio la loro presenza online. Queste funzionalità sono state aggiunte con le ultime due versioni di Elementor, rilasciate solo quest'anno.

Kit completi per siti web

Introdotta nella versione 3.3 di Elementor, la funzionalità dei kit di siti Web completi consente di riutilizzare più volte il confezionamento di un intero sito Web in un singolo kit durante la creazione di siti Web nuovi ma simili.

Un'azienda che apre nuove filiali in luoghi diversi o nuove linee di prodotti, ad esempio, utilizzerà probabilmente gli stessi stili, caratteri, tavolozza dei colori, layout e altri attributi di pagina nei siti Web delle sue nuove filiali o prodotti. Il kit completo del sito Web semplifica il riutilizzo di questi attributi più e più volte.

Molti creatori di siti WordPress si sentono frustrati dalla necessità di ricominciare da zero ogni volta che vogliono creare un nuovo sito Web anche se intendono utilizzare gli stessi design, layout, caratteri, intestazioni, piè di pagina, messaggi pop-up, messaggi di errore 404, temi e pagine di destinazione. Come suggerisce il nome, un kit completo di siti Web contiene tutto il necessario per creare un intero sito Web . Serve come un comodo punto di partenza per la creazione di siti Web o micrositi simili.

I kit di siti Web completi di Elementor sono progettati per creatori di siti Web professionisti e principianti nella creazione di siti Web, inclusi i professionisti del marketing che hanno bisogno di produrre rapidamente nuovi siti per una campagna. Anche coloro i cui siti Web non sono stati creati utilizzando Elementor possono sfruttare anche i kit completi di siti Web. Questo perché Elementor fornisce anche una libreria di kit (più su questo di seguito).

Libreria dei kit

Come accennato, l'introduzione della funzionalità completa del kit del sito Web nella versione 3.3 è integrata dalla Libreria dei kit Elementor. Fornisce componenti del sito completi e attributi tra cui i creatori di siti Web possono scegliere, in modo che non debbano iniziare da zero per completare un progetto con un breve turnover.

La Libreria dei kit aiuta coloro che non sono abituati a utilizzare WordPress a creare siti Web stabili e dall'aspetto professionale fornendo un processo di creazione di siti Web guidato. È possibile accedere a questa nuova funzionalità accedendo alla scheda Elementor nella dashboard di WordPress. È dotato di oltre 87 kit di siti Web completi che hanno già le rispettive pagine di contenuto, parti del generatore di temi, pop-up e altri componenti.

Elementor afferma che questi kit di siti Web completi prontamente disponibili sono stati creati tenendo conto delle ultime tendenze del design. I diversi kit di siti Web completi progettati professionalmente sono raggruppati in base a temi diversi, tra cui affari, cibo da viaggio, eventi, abbigliamento e organizzazioni non governative. Con questi, chiunque dovrebbe creare rapidamente un nuovo sito Web e stabilire rapidamente una presenza online credibile.

Campionatore di colore

Un altro comodo nuovo strumento aggiunto a Elementor con il rilascio della versione 3.3 è Color Sampler. Semplificando l' identificazione e l'utilizzo dei colori da siti Web o immagini esistenti , questo selettore di colori integrato con Elementor aiuta i creatori di siti Web a creare progetti che mantengano la coerenza dei colori, soprattutto quando creano siti basati su progetti precedenti.

Color Sampler è ora una funzionalità nativa di Elementor, che gli offre il vantaggio di essere più reattivo rispetto a plug-in o componenti aggiuntivi di terze parti. È molto improbabile che crei problemi in Elementor o sia la causa di perdite di memoria o consumo insolito di risorse.

Punti di interruzione personalizzati

Facilmente una delle funzionalità più richieste di Elementor, sono stati introdotti punti di interruzione personalizzati aggiuntivi con il rilascio di Elementor versione 3.4. La piattaforma di creazione di siti Web ora offre più breakpoint personalizzati per coprire un totale di sette dispositivi. Questi dispositivi sono i seguenti: Desktop, Tablet, Tablet Extra, Mobile, Mobile Extra, Laptop, Widescreen.

Come il CTO di Elementor e il co-fondatore Ariel Klikstein hanno condiviso in un post sul blog nel dicembre 2020, un numero enorme di utenti ha chiesto ulteriori breakpoint personalizzati. “In effetti, circa l'80% di tutte le funzionalità è stato sviluppato sulla base di tali richieste. Ulteriori punti di interruzione personalizzati sono stati in cima alla lista per un po' di tempo", ha scritto Klikstein.

Elementor è stato originariamente creato per supportare solo due punti di interruzione. Questi sono per cellulari e tablet. Gli sviluppatori erano consapevoli del clamore per ulteriori punti di interruzione personalizzati , ma hanno incontrato difficoltà in particolare nell'aggiungere i nuovi punti di interruzione senza rompere il codice e compromettere le prestazioni.

Il rilascio della versione 3.4 segnala l'apparente risoluzione delle suddette sfide. Quest'anno, Elementor è pronto a fornire agli utenti, nelle parole di Elementor, "viewport pixel-perfect e design del sito Web e interfaccia utente completamente reattivi". Il costruttore di siti Web ora consente ai creatori di siti Web di creare facilmente siti Web ottimizzati per le diverse dimensioni dello schermo e risoluzioni dei diversi display dei dispositivi.

Elementor afferma che l'aggiunta di questi nuovi punti di interruzione consente ai web designer di superare i limiti del design, soprattutto in considerazione delle diverse risoluzioni dello schermo e delle proporzioni dei diversi dispositivi. I nuovi punti di interruzione consentono ai creatori di selezionare quali punti di interruzione devono rimanere attivi, scegliere il valore di ogni punto di interruzione e ridimensionare le anteprime verso l'alto o verso il basso in base a ciò che gli utenti del sito Web preferiscono utilizzare.

Elementor utilizza un approccio a cascata con i suoi punti di interruzione con desktop come impostazione predefinita dello schermo. Supporta anche l'impostazione di titoli diversi per ogni punto di interruzione. Inoltre, gli sviluppatori di Elementor hanno assicurato che i creatori non avrebbero avuto difficoltà a identificare gli stili impostati su altri punti di interruzione. Hanno aggiunto una nuova funzione nell'interfaccia utente per mostrare i valori ereditati su attributi come margine, sfondo, riempimento e immagini.

Elementor ha ottimizzato l'aggiunta dei nuovi breakpoint personalizzati ricostruendo il meccanismo di caricamento del controllo reattivo . Questa modifica, secondo Elementor, ha comportato un miglioramento della risposta del server fino al 23% e una riduzione dell'utilizzo della memoria di circa il 5%. Inoltre, le ottimizzazioni hanno ridotto il traffico di dati alla scheda dell'editor di circa il 30 percento.

I creatori di siti Web che intendono utilizzare Elementor nella creazione dei propri siti Web dovrebbero sfruttare appieno questi punti di interruzione personalizzati aggiuntivi per ottenere esperienze di visualizzazione ottimali per qualsiasi dispositivo.

Font Awesome SVG Icons

Font Awesome è uno dei set di icone più famosi al mondo. Tuttavia, alcuni creatori di siti Web lo evitano a causa di preoccupazioni relative a problemi di prestazioni e alla possibilità che le icone potrebbero non essere supportate. Non c'è un buon fallback se un browser non ha il supporto per un set di icone.

Il rilascio di Elementor versione 3.4 viene fornito con un aggiornamento nel caricamento di Font Awesome. In precedenza, ogni volta che venivano caricate le icone di Font Awesome, l'intera libreria veniva utilizzata da un sito Web. Questo è inefficiente e consente al sito Web di occupare risorse inutilmente. Con il passaggio all'approccio SVG, le richieste vengono ridotte, creando miglioramenti nelle prestazioni per ogni KB ridotto.

La versione più recente di Elementor cambia il meccanismo di caricamento da un'icona a SVG . Ciò si traduce nella riduzione delle richieste e nel miglioramento dei tempi di caricamento su tutta la linea.

In definitiva, gli aggiornamenti nella versione 3.4 di Elementor avvantaggiano non solo i visitatori del sito Web, ma anche i creatori di siti Web. Il caricamento più rapido delle icone di Font Awesome è vantaggioso per gli sviluppatori che si sentono facilmente frustrati dai problemi di reattività. Allo stesso modo, i visitatori del sito Web apprezzano il rendering più rapido delle icone e il tempo di caricamento della pagina.

Per chiarire, le icone Font Awesome non sono la nuova funzionalità o funzione che debutta in Elementor Core 3.4. Ciò che viene sottolineato qui è che i creatori di siti Web dovrebbero smettere di preoccuparsi dei possibili problemi che possono derivare dall'utilizzo di Font Awesome. Elementor è stato aggiornato per garantire che questo set di icone sia compatibile con la piattaforma e adeguatamente schermato.

Altre nuove funzionalità e miglioramenti in arrivo

L'introduzione dei kit completi del sito Web, la libreria dei kit, il campionatore di colori, ulteriori punti di interruzione personalizzati e il nuovo meccanismo per gestire le icone SVG di Font Awesome presentano molti vantaggi o comodità agli utenti di Elementor. Queste notevoli nuove caratteristiche e funzioni per i creatori di siti Web rafforzano ulteriormente lo stato di Elementor come una delle migliori opzioni per la creazione di siti Web.

Ancora meglio, Elementor è impostato per fornire più aggiornamenti in futuro. Nello specifico, prevede di semplificare i caricamenti delle pagine adottando il concetto di "carica solo ciò che desideri" , riducendo la dipendenza da JavaScript e CSS e ottimizzando JavaScript e CSS interni.

“Elementor si impegna a fornire la migliore piattaforma per soddisfare le esigenze dei nostri utenti. Come parte di questi sforzi, i miglioramenti delle prestazioni continuano a essere l'obiettivo principale di ogni versione e siamo entusiasti di condividerne altri con la nostra community", afferma Eran Alon, vicepresidente per il marketing dei prodotti di Elementor. Per ulteriori informazioni su Elementor, assicurati di controllare la recensione di Elementor.