La versione 4 dell’Editor di Elementor è ora in beta ed è ormai così stabile che si può usare per i nuovi siti in produzione. Il rilascio ufficiale è previsto per la fine del mese di marzo, più o meno.
Con Tiziano Fogliata abbiamo visto come sfruttare al meglio le nuove funzionalità. Iniziare a creare siti con la V4 è il modo migliore per prepararsi alla sua uscita.
Rivedi il video dell’evento
Sebbene nell’articolo trovi una sintesi di quanto detto durante l’evento online, ti suggeriamo di vedere l’intervento nella sua interezza per scoprire i trucchi e i suggerimenti d’uso, provati direttamente da Tiziano.
Attivare il nuovo Editor
Nella tua bacheca di WordPress, vai al menu Elementor >> Editor. Lì seleziona le impostazioni e vai alla scheda Versione 4. Infine, fai clic sul pulsante Attiva la nuova esperienza.
Nota: quando la Versione 4 sarà ufficialmente rilasciata, il nuovo Editor, con le funzioni atomiche, sarà predefinito in tutte le nuove installazioni.
Atomic design e coerenza visiva
L’atomic design è al centro della nuova filosofia di Elementor V4.
Al momento, ci sono 10 elementi atomici, che possono essere utilizzati insieme agli altri elementi tradizionali
Ricorda:
solo questi elementi consentono di sfruttare le caratteristiche del nuovo Editor v4. Via via che il nuovo Editor sarà consolidato, l’idea è che si aggiungano nuovi elementi atomici, che sostituiranno i precedenti.
I vantaggi del nuovo Editor V4
In sintesi, i principali vantaggi della nuova architettura dell’Editor sono:
- Codice HTML più snello,
meno elementi <div> e DOM più pulito.
Ne abbiamo parlato nel precedente webinar qui. - Uniformità del pannello di gestione
Tutti gli elementi atomici hanno la stessa struttura dei pannelli delle impostazioni. - Controlli responsive su ogni proprietà
Puoi gestire l’adattamento ai diversi dispositivi in modo più granulare, elemento per elemento. - Stili globali non solo per colori e font
Con la versione 4, Elementor introduce un flusso di lavoro basato sull’idea di un design globale, con variabili, classi e stati. Così, ogni stile può essere definito come una classe CSS e applicato, dove necessario, in tutto il sito con un solo comando.
Leggi anche elementor.com/blog/it/classi-css-selettori-stile-consigli-trucchi-altro/ - Componenti
Elementi riutilizzabili su tutto il sito che hanno un layout comune ma contenuti personalizzabili per ogni istanza. Non vanno confusi con i widget globali delle versioni precedenti.
Scopri di più sui Component in questo articolo della documentazione ufficiale e in questo video (in inglese).
Cosa succede ai siti creati con l’editor V3?
In breve, continueranno a funzionare.
I nuovi siti saranno realizzati con la versione V4, mentre quelli esistenti possono scegliere di convertirsi e diventare più scalabili e leggeri. Tuttavia, non è prevista la rimozione dei widget della versione V3. Tutto ciò che è stato realizzato rimarrà invariato.
Per quanto riguarda la compatibilità, la versione 4 è progettata per una transizione fluida. Anche quando la V4 sarà introdotta in modalità predefinita, i siti realizzati con i blocchi (e la logica) attuale coesisteranno insieme ai nuovi principi di design atomico.
I siti più vecchi, quindi, rimarranno compatibili, anche se l’adozione del flusso di lavoro basato su classi e del design atomico nel tempo è consigliata per beneficiare di tutti i miglioramenti.
In futuro, è possibile che vengano rilasciati alcuni convertitori o strumenti di migrazione, ma l’obiettivo non è quello di convertire i siti esistenti alla versione V4.
Quindi, lo ripetiamo, i siti esistenti continueranno a funzionare e per molto tempo puoi scegliere se usare i nuovi blocchi atomici (introdotti con la versione V4) o i blocchi classici della V3.
Fai sentire la tua voce1
Contatta il team che lavora sull’Editor V4 e dì cosa ne pensi. Ogni feedback è il benvenuto!
In conclusione
Il nuovo Editor, che diventerà la modalità predefinita dalla versione 4, introduce cambiamenti strutturali ma soprattutto di architettura del design, adottando i principi del design atomico.
Basato sul principio CSS first, si avvicina di più al modo di lavorare di chi crea siti per professione, rendendo l’esperienza di creazione più fluida e più vicina al web design.
Questo, senza dubbio, spingerà le persone non esperte ad approfondire la logica del linguaggio CSS. Nello stesso tempo, però, non renderà più complessa la creazione di siti da parte delle persone meno esperte. Infatti, sebbene il vantaggio principale sia l’uso di classi e variabili, ogni singolo elemento può essere impostato individualmente, come nella vecchia logica.
Le slide dell’evento
- La videochiamata con il team si svolge in lingua inglese. ↩︎
