Elementor 3.0: diamo uno sguardo alle novità

Hai notato che c’è un aggiornamento di Elementor alla versione 3.0 e vuoi capire quali sono le novità?

Sei nel posto giusto! In questo articolo ti mostrerò quali sono le novità di Elementor 3.0.

Dopo aver letto questo articolo il tuo approccio nel creare siti web cambierà radicalemente.

Sei pronto?

Partiamo!

Gli sviluppatori di Elementor hanno rilasciato la versione 3.0 in pieno agosto, quasi contemporaneamente al rilascio di WordPress 5.5

Molti si sono precipitati ad aggiornare i propri siti riscontrando problemi a non finire.

Questa versione è una major release e porta con se consistenti novità ma anche molti bug.

Nei giorni successivi al primo rilascio si sono susseguiti aggiornamenti per eliminare gli innumerevoli bug al momento in cui scrivo questo articolo Elementor free è alla versione 3.0.6.

Il mio consiglio per evitare questi problemi è di testare sempre gli aggiornamenti su un sito staging, cioè una copia esatta del tuo sito dove testare gli aggiornamenti prima di aggiornare il sito live.

Bene dopo questa premessa vediamo quali sono le novità.

Elementor 3.0

Elementor 3.0 introduce quello che gli sviluppatori hanno chiamato Design System.

Il design system non è altro che un sistema che ti consente di velocizzare la costruzione del sito stabilendo a priori alcuni parametri globali come:

  • Colori
  • Font
  • Identità del sito
  • Sfondo
  • etc

Tutti questi parametri possono ora essere impostati una volta sola all’interno di Elementor e saranno applicati all’intero sito, salvo la possibilità di variare colori e font nei singoli widget.

Questo sistema diminuisce molto il tempo di costruzione di un sito perchè adesso non devi più preoccuparti di inserire lo stesso colore o lo stesso font in tutte le pagine.

Global Colors

Il Global Colors o Colori Globali è la possibilità di impostare tutti i colori che devono essere usati nel sito.

Per utilizzare questa impostazione devi cliccare in alto a sinistra della pagina di Elementor e poi cliccare sulla voce Site Setting

Site settings - Elementor 3.0: diamo uno sguardo alle novità

E nel nuovo menu clicca su Global Colors

Global colors - Elementor 3.0: diamo uno sguardo alle novità

Ora puoi impostare tutti i colori del sito:

  • Principale
  • Secondario
  • Testo
  • In risalto

Puoi anche creare nuovi colori per utilizzarli con i widget senza dover ricreare il colore per ogni pagina.

Global Fonts

I Global Fonts o Caratteri Globali funzionano come i Global Colors solo che con questa impostazione puoi impostare i fonts che saranno usati nel sito.

Di default sono impostate le voci principali:

  • Intestazione Principale
  • Intestazione Secondaria
  • Testo del contenuto
  • Testo in risalto

inoltre anche qui è possibile aggiungere uno o più stili da utilizzare nelle pagine.

Per ogni stile oltre al tipo di font puoi impostare la dimensione del carattere, il peso, lo stile, l’altezza riga e la spaziatura del carattere.

Identità del sito

Con Elementor 3.0 puoi finalmente inserire il nome del sito, la descrizione, il logo e la favicon in un’unica schermata.

Se ricordi prima di questo aggiornamento dovevi inserire queste impostazioni nel menu aspetto.

Identità del sito - Elementor 3.0: diamo uno sguardo alle novità

Sfondo

Con l’impostazione sfondo, invece, puoi impostare uno sfondo uguale per tutte le pagine del sito.

Lo sfondo puoi essere un colore oppure un’immagine.

Puoi inserire anche uno sfondo diverso per i dispositivi mobili ma in questo caso lo sfondo dovrà essere solo un colore.

Layout

L’opzione Layout ti consente di impostare la larghezza del contenuto, la spaziatura predefinita tra i widget.

Un’opzione che ritengo importante per chi crea pagine senza utilizzare gli elementi del tema è Default Page Layout.

Questa impostazione ti consente di scegliere una volta sola come visualizzare le nuove pagine che devi costruire.

Fino ad ora ogni volta che costruivi una pagina se come molti di noi volevi costruire una pagina senza utilizzare gli elementi del tema(header, footer etc) dovevi andare su impostazioni e scegliere Elementor Canvas come layout.

Con Elementor 3.0 puoi impostare questo layout una sola volta e tutte le nuove pagine saranno completamente bianche.

Questo è una gran bella idea secondo me.

La voce Breakpoints ti consente di impostare il “punto di rottura” cioè quando impostare la visualizzazione responsive.

In pratica se un display avrà la risoluzione pixel che hai impostato la visualizzazione del sito si adatterà a quel device.

Bene questi erano le impostazione più importanti del menu Site Settings.

Un’altra opzione secondo molto utile di Elementor 3.0 è Theme Builder.

Theme Builder

Cliccando su questa voce si apre una schermata deve trovi tutta la struttura del sito.

Theme Builder - Elementor 3.0: diamo uno sguardo alle novità

Puoi vedere le pagine attive, quelle in bozza e puoi modificare tutti gli elementi che compongono il sito.

All’interno del Theme Builder è possibile anche inserire nuove pagine, post o altri elementi cliccando sul tasto Add New in alto a destra

Add new - Elementor 3.0: diamo uno sguardo alle novità

Velocità

Oltre alle novità di cui abbiamo parlato in questo articolo, in Elementor 3.0 ci sono stai delle modifiche “sotto il cofano”

Questo ha portato ad un miglioramento delle prestazioni e della velocità di caricamento delle pagine.

Aggiornamento

Per aggiornare la tua versione è espressamente consigliato di aggiornare prima la versione free di Elementor ad Elementor 3.0 e poi aggiornare Elementor Pro.

Conclusioni

Siamo arrivati al temine di questo articolo dove ti ho mostrato come utilizzare il nuovo Design System di Elementor, impostando colori e font globali.

Come abbiamo visto Elementor 3.0 ha portato molte novità sicuramente nel prossimo futuro ci saranno alcuni miglioramenti delle funzioni introdotte.

Spero che questo articolo ti sia stato utile se hai dubbi o domande scrivile nei commenti qui sotto.

A presto!

Ho un favore da chiederti, se questo articolo ti è piaciuto, condividilo.

Potrebbe anche piacerti

Elementor la guida completa

Ultimi articoli

Categorie
Passa a Elementor Pro
Per il tuo hosting
Per creare la tua Privacy Policy

Potrebbe anche piacerti

Copyright 2020 © Wp Semplice - Privacy Policy

Gli articoli ti sono stati utili?

Iscriviti alla newsletter per restare sempre aggiornato! 

Grazie ti contatteremo a breve