Gutenberg Vs Elementor: che è meglio nel 2022

Gutenberg ed Elementor sono termini abbastanza comuni che potresti aver incontrato nel mondo di WordPress. Durante la progettazione di un sito WordPress, l'idea di quale page builder o editor di siti utilizzare è qualcosa che potrebbe aver attraversato la tua mente. Un generatore di pagine che arriva in cima alla lista è Elementor. L'editor di Gutenberg è anche qualcosa che probabilmente attirerà la tua attenzione.

Sia l'editor Gutenberg che il page builder Elementor sono piuttosto fantastici e selezionare quale di essi usare è qualcosa che può creare confusione soprattutto per i principianti di WordPress.

In questa guida, esamineremo ciascuno di questi, come utilizzarli e alcuni dei principali confronti tra di loro in base a metriche specifiche.

Sommario

Gutenberg

• Cos'è Gutenberg
• Caratteristiche di Gutenberg

Elementor

• Cos'è Elementor
• Caratteristiche di Elementor

Confronti chiave tra Gutenberg ed Elementor

Conclusione

Gutenberg

Cos'è Gutenberg

È l'editor di WordPress predefinito, noto anche come editor di blocchi. È stato introdotto nel 2018 come inclusione in WordPress 5.0.

L'editor utilizza blocchi che possono essere utilizzati per aggiungere contenuto a un post/pagina e possono essere impostati in base alle preferenze degli utenti.

Quando è stato introdotto, l'editor di blocchi ha sostituito l'editor classico. Gutenberg è facile da usare soprattutto per gli utenti inesperti rispetto al classico editor. Non è più necessario aggiungere HTML e CSS all'editor per aggiungere e dare uno stile ai tuoi contenuti.

Tuttavia è ancora nella sua fase di crescita e si prevede che offrirà ancora più funzionalità con il passare del tempo poiché è ancora continuamente sviluppato e vengono aggiunti miglioramenti.

Caratteristiche di Gutenberg

Gutenberg ha una serie di caratteristiche interessanti in atto. Qui, esamineremo cinque di queste funzionalità all'interno dell'editor.

Blocchi

Contiene blocchi integrati che ti consentono di aggiungere qualsiasi tipo di contenuto come media e testo all'interno del tuo post o pagina.

Questi blocchi possono essere aggiunti a un post o a una pagina facendo clic sull'inseritore di blocchi al suo interno.

All'interno dell'editor, puoi aggiungere ogni blocco separatamente, fornendoti quindi un controllo molto maggiore sulle impostazioni di ciascun blocco.

Ci sono anche un certo numero di blocchi disponibili. L'ampia selezione di blocchi disponibili ti consente di aggiungere diversi insiemi di contenuti al tuo sito web. Puoi anche creare blocchi personalizzati da utilizzare all'interno del tuo sito web.

Blocchi riutilizzabili

Fornisce un'opzione per avere blocchi riutilizzabili in posizione. I blocchi riutilizzabili sono un gruppo di blocchi che possono essere utilizzati ripetutamente all'interno del contenuto del tuo sito.

I blocchi riutilizzabili risultano essere piuttosto vantaggiosi. Questo perché non è necessario ricreare le sezioni da utilizzare in diverse sezioni all'interno del tuo sito web.

Di seguito è riportato un esempio di screenshot su come creare un blocco riutilizzabile da un blocco particolare:

Facendo clic sul collegamento "Aggiungi a blocchi riutilizzabili", verrà visualizzato un popup in cui dovrai aggiungere il nome del blocco riutilizzabile e salvare le modifiche.

(WYSIWYG) Modifica

Introduce un editor di contenuti WYSIWYG (What You See Is What You Get). Ciò ti consente di modificare il contenuto all'interno del tuo post o delle tue pagine e di essere in grado di visualizzarne l'anteprima prima di pubblicarlo.

Questa è un'ottima funzionalità in quanto non è più necessario salvare le modifiche per visualizzare in anteprima la pagina o il post. Inizialmente, questo è qualcosa che non è stato fornito dal precedente editor di WordPress.

Aspetti dei caratteri regolabili

L'editor ti consente anche di regolare facilmente vari aspetti del carattere del tuo contenuto come la dimensione e l'aspetto del carattere. Ciò ti consente di personalizzare la visualizzazione dei contenuti all'interno del tuo sito.

Qualsiasi modifica al carattere che apporti al tuo contenuto è immediatamente visibile nell'editor.

Funzionalità trascina e rilascia

L'editor ti consente di trascinare e rilasciare i blocchi all'interno delle tue pagine o dei tuoi post. Ciò ti consente di creare layout semplificati di tua preferenza, molto più velocemente.

Elementor

Cos'è Elementor

Elementor è un generatore di pagine che ti consente di progettare layout altamente personalizzabili all'interno del tuo sito Web WordPress.

È uno dei page builder più popolari. La sua versione gratuita ha oltre 5 milioni di installazioni allo stato attuale.

Durante l'utilizzo, non hai bisogno di alcuna esperienza di codifica per progettare il tuo sito web. Ha un certo numero di widget in atto. Questi ti consentono di aggiungere facilmente diverse funzionalità all'interno del tuo sito web.

Il generatore di pagine può essere utilizzato anche per una varietà di tipi di siti Web come blog, siti di e-commerce, siti di elenchi e molti altri. Non ci sono limiti a nessun tipo di contenuto specifico.

Caratteristiche di Elementor

Elementor ha una vasta gamma di funzionalità che lo rendono ideale per sviluppatori di siti Web e utenti WordPress principianti.

Alcune di queste caratteristiche includono:

Reattività

Il builder ti consente di progettare il tuo sito Web per ogni dispositivo (mobile, laptop e desktop). Questo aiuta a garantire di ottenere un design reattivo pixel perfetto del tuo sito che funzioni come previsto su ogni dispositivo.

Questa reattività si ottiene con l'aiuto di punti di interruzione che si attivano in base alle dimensioni dello schermo del dispositivo. Puoi anche creare punti di interruzione personalizzati con l'aiuto di Elementor.

Esperienza di modifica dal vivo e anteprima

Con Elementor, sei in grado di apportare modifiche all'interno della tua pagina o del tuo post ed essere in grado di visualizzarne l'anteprima mentre vengono eseguite le modifiche. Non è necessario, ad esempio, salvare una pagina e quindi visualizzarla in anteprima per visualizzare le modifiche apportate.

Funzionalità trascina e rilascia

Offre una funzionalità di trascinamento della selezione durante la progettazione del tuo sito web. Devi solo trascinare i widget sulla tela all'interno del tuo post o pagina.

Questa è una caratteristica che lo rende un ottimo page builder da considerare, soprattutto per gli utenti inesperti poiché non è richiesta alcuna conoscenza di programmazione.

Modelli già pronti

Fornisce oltre 300 modelli già pronti che puoi utilizzare nella progettazione del tuo sito web.

Puoi utilizzare questi modelli per creare siti Web di qualsiasi tipo di settore. Una volta aggiunti alla tua pagina, puoi personalizzare ulteriormente i modelli in base alle tue preferenze.

Widget multipli

Incorpora un numero diverso di widget che possono essere utilizzati per aggiungere vari tipi di contenuto. Esistono anche plugin di terze parti che si integrano facilmente con il builder per fornire widget extra che puoi utilizzare all'interno del tuo sito web.

Confronti chiave tra Gutenberg ed Elementor

Sia Elementor che Gutenberg hanno una serie di somiglianze come si vede nelle loro caratteristiche sopra delineate. Tuttavia, in realtà si superano a vicenda in diversi aspetti. Di seguito sono riportati alcuni di questi confronti.

Reattività

Sia Gutenberg che Elementor possono essere utilizzati per creare siti Web reattivi.

Con Elementor sei in grado di controllare la visualizzazione dei widget su diversi schermi di dispositivi. Ad esempio, puoi nascondere un pulsante nei dispositivi mobili e visualizzarlo solo su dispositivi desktop e tablet. Puoi anche aggiungere uno stile extra a vari elementi su schermi di dispositivi diversi. Questa funzionalità fornisce ulteriore flessibilità durante la progettazione del tuo sito.

In Gutenberg, tuttavia, per impostazione predefinita non sei in grado di regolare la visualizzazione dei blocchi in base agli schermi del dispositivo, a meno che tu non stia utilizzando un tema o un plug-in che aggiunga questa funzionalità.

Facilità d'uso e comprensione

Durante l'utilizzo di Gutenberg, puoi facilmente aggiungere blocchi all'interno del tuo sito facendo semplicemente clic sull'inseritore di blocchi e selezionando il blocco desiderato. Uno svantaggio di questo editor è che non è del tutto intuitivo e gli utenti potrebbero dover imparare a progettare correttamente i layout usando i blocchi.

Per quanto riguarda Elementor, gli utenti devono solo trascinare e rilasciare il widget desiderato sulla pagina e modificare i propri contenuti per visualizzare i contenuti desiderati. Questo è un approccio molto più semplice soprattutto per i nuovi utenti di WordPress.

Prestazione

Gutenberg ottiene punteggi di prestazioni migliori rispetto a Elementor.

È probabile che una pagina progettata con Gutenberg venga caricata molto più velocemente rispetto a una pagina progettata con Elementor.

Di seguito è riportato un esempio di confronto delle prestazioni tra una pagina creata con Elementor e una creata con Gutenberg:

Pagina utilizzando Elementor

Pagina usando Gutenberg

Elementor ha più funzionalità e dati di personalizzazione, quindi uno dei motivi che contribuiscono ai punteggi delle prestazioni inferiori rispetto a Gutenberg. Gutenberg è anche integrato nello stesso WordPress, a differenza di Elementor per il quale devi prima installare il plug-in Elementor per essere in grado di progettare il tuo sito con esso.

Trascinare e rilasciare

Sia Gutenberg che Elementor forniscono una funzionalità di trascinamento della selezione durante la progettazione del tuo sito web.

Con Elementor, puoi trascinare e rilasciare i widget all'interno di altri widget, consentendoti così di creare layout complessi. In Gutenberg, tuttavia, questa funzionalità è tuttavia limitante poiché puoi trascinare e rilasciare i blocchi solo nel punto in cui desideri renderli visualizzati, ad esempio nelle colonne, ma non trascinare e rilasciare i blocchi su altri blocchi. Ad esempio, non è possibile trascinare un blocco di virgolette da visualizzare su un'immagine. Verrà invece visualizzato come un blocco separato sopra l'immagine. Questo rende un po' difficile creare layout complessi all'interno del tuo sito web.

Prezzo

Poiché Gutenberg è integrato in WordPress stesso, è gratuito.

Elementor d'altra parte è disponibile sia come plug-in gratuito che come plug-in pro. Il plugin gratuito è un po' limitante soprattutto in termini di widget e modelli prontamente disponibili. Per goderti il ​​vasto numero di widget e modelli, sarai costretto ad acquistare il plug-in pro dai piani disponibili.

Sono disponibili quattro diversi piani. Questi includono: Essential, Expert, Studio e Agency. Le variazioni di prezzo su ciascuno di questi piani dipendono fortemente dal numero di siti Web su cui verrà attivato il plug-in pro.

Conclusione

In questo articolo, abbiamo esaminato le funzionalità e le metriche di confronto di Elementor e Gutenberg. La scelta su quale utilizzare dipende esclusivamente da te.

Se desideri creare un semplice layout per il tuo sito Web, Gutenberg sarebbe la scelta appropriata. Puoi anche estendere i blocchi Gutenberg predefiniti utilizzando vari componenti aggiuntivi come Spectra (precedentemente noto come Ultimate Addons per Gutenberg) e Stackable. Ci si aspetta anche che Gutenberg cresca con il tempo, quindi dovresti aspettarti di vedere alcune funzionalità più interessanti in atto.

D'altra parte, se desideri creare un layout complesso con un builder apparentemente facile da usare, Elementor sarebbe un'ottima scelta.

Tuttavia, in caso di domande in merito a uno di questi, non esitare a contattarci nella sezione commenti qui sotto.