WordPress Elementor

Cos’è WordPress Elementor e perchè è considerato una vera e propria rivoluzione?

Elementor è un page builder drag-and-drop per WordPress. Questo plugin ti aiuta a creare bellissime pagine usando un editor visivo. È progettato per creare rapidamente siti Web dinamici.

Tempo fa bisognava essere dei veri programmatori per riuscire a sviluppare un sito, ora tutto è diventato più semplice.

Questo prezioso strumento ti aiuta ad aggiungere elementi avanzati di stile, layout e design ai tuoi contenuti WordPress senza che tu debba conoscere il codice. Nella nuova versione di Elementor Pro, puoi persino progettare il tuo intero tema WordPress anche senza dover conoscere alcun codice.

Cos’è Elementor?

Elemento è uno strumento che senza conoscenza di linguaggio CSS e Jawascript ti consente di lavorare in autonomia alla creazione della tua pagina web, creando anche effetti speciali. Concentra veramente molte funzionalità e questo lo rende veramente speciale.

In una nota più specifica, Elementor è un plug-in per la creazione di pagine con trascinamento visivo.

Elementor è uno strumento (un plugin per la precisione) che, soprattutto nella sua versione Pro, permette di costruire un intero sito quasi fregandosene del tema installato su WordPress.

Il team di sviluppo di Elementor ha reso disponibile il tema Hello Elementor che è un tema pensato proprio per questo scopo, ossia permettere l’utilizzo di Elementor per la creazione dell’intero sito. Esistono anche dei temi molto interessanti come:Temi come GeneratePress oppure Astra , che hanno una Ui molto funzionale.

Posso usare Elementor senza WordPress?

Sfortunatamente, non puoi utilizzare Elementor senza WordPress. Non c’è modo di creare siti Web, temi o pagine con Elementor su qualsiasi altra piattaforma, incluso un software di codifica separato

Ci sono due parti in quella descrizione, quindi analizziamo ciascuna:

Visual

Significa che quando progetti i tuoi contenuti, vedi esattamente ciò che vedranno i tuoi visitatori. Non c’è mai alcuna confusione su come apparirà la tua pagina una volta pubblicata.

Drag – and – Drop
(Trascina e rilascia)

Vuoi dire che puoi spostarti tra vari elementi di design, come pulsanti, moduli o immagini, semplicemente trascinandoli e rilasciandoli. Hai letto bene, come avevamo già accennato non è richiesta nessuna conoscenza di codice, tutto di riduce a spostamenti intuitivi.
Il risultato finale è uno strumento che ti aiuta a dare al tuo sito WordPress l’aspetto che desideri senza la necessità di imparare il codice (o di assumere uno sviluppatore).

Come funziona l’interfaccia di Elementor

Inizierò questa recensione di Elementor dandoti uno sguardo di base su come funziona l’interfaccia di Elementor. Se hai già giocato un po’ con Elementor, potresti voler saltare direttamente alla sezione successiva della nostra recensione di Elementor per dare un’occhiata ad alcune funzionalità più specifiche.

Come è divisa l’interfaccia

Quando avvii per la prima volta l’editor di Elementor, vedrai:

L’area dei contenuti

Vedrai il tuo tema normale al di fuori di quest’area e costruirai il tuo design all’incirca nell’area contrassegnata dalla linea tratteggiata grigia.

Elementi / widget

Questi sono gli elementi costitutivi che metterai insieme per progettare la tua pagina.

Impostazioni

Questi ti aiutano ad annullare le modifiche, visualizzare in anteprima il tuo design su diversi dispositivi e altro ancora.

Costruire il layout per il tuo design

Anche se puoi iniziare subito a utilizzare gli elementi, probabilmente vorrai costruire la struttura di base per la tua pagina prima di farlo.

Elementor ti offre due elementi strutturali che ti aiutano a stabilire:

-Posizione
-Elementi

Stile elementi come gruppo (ad es. aggiungi uno sfondo a un’intera sezione della tua pagina)
Questi elementi strutturali sono:

Sezioni: il blocco di layout più ampio.
Colonne: siediti all’interno di una sezione. Puoi avere una colonna o aggiungere più colonne.

Ad esempio:

una sezione, contrassegnata in blu;
due colonne all’interno di quella sezione, contrassegnate dal nero
sezioni vs colonne;

Come aggiungere nuovi elementi al tuo design

Per aggiungere un nuovo elemento a una sezione o colonna, è sufficiente trascinarlo dalla barra laterale sinistra nell’anteprima visiva della pagina:

Aggiungere un elemento

Sebbene un elemento di intestazione sia un esempio piuttosto semplice, hai un sacco di altre opzioni che ti consentono di fare cose interessanti come creare un carosello di loghi, una carrellata di foto, dei video, delle slide e molto altro ancora.

Stile di elementi, colonne o sezioni

Per definire e controllare ulteriormente qualsiasi elemento, colonna o sezione, puoi fare clic sul contenuto desiderato e quindi utilizzare le schede nella barra laterale.

Modifica di un elemento

Rispondiamo subito ad una domanda che può creare ansia alle persone che non l’hanno mai utilizzato: Elementor è difficile da imparare ad utilizzare?

La risposta è no, assolutamente no. Questo perchè usa la UX acquisita, i simboli sono molto chiari e tutto risulta molto simile ad un gioco (gamefication) . Tuttavia, per fare dei design già complessi ed elaborati, bisogna conoscere bene tutte le sue funzionalità.

Rispetto ad altri page builder, l’interfaccia di Elementor è una delle più facili da comprendere. Ma indipendentemente dal plug-in per la creazione di pagine che scegli, ci sarà sempre una curva di apprendimento prima che tu possa iniziare a creare pagine davvero meravigliose.

Trucco per imparare ad utilizzarlo

Da piccolo smontavo gli oggetti per comprenderne il funzionamento. Questo segreto me lo porto dietro da anni, smontare e rimontare le cose può veramente fare la differenza. Si imparano così tante cose in questo modo. Una volta, infatti, non esistevano tutorial, quindi ti dovevi un po’ arrangiare tra enciclopedie e manuali.

Il modo migliore in assoluto per imparare ad utilizzare bene Elementor secondo me è quello di importare un modello o tema Elementor pre-costruito e poi decostruirlo per vedere come il designer ha costruito la pagina. In questo modo, puoi vedere le opzioni più avanzate che ti aiutano a creare qualcosa che sembra davvero professionale, specialmente de hai una base di utilizzo delle proporzioni, UX e grafica alle spalle.

In ogni caso è bene partire da progetti più semplici e per poi aggiungere parti ed elementi, specialmente dello sfondo, più complessi.

Cosa rende così fantastico l’uso di Elementor?

Esistono alcune caratteristiche caratteristiche che lo rendono eccezionale. Te le elenco subito, qui sotto:

Ora che hai una comprensione dell’interfaccia di base, prendiamo questa recensione di Elementor un po’ più pratica e analizziamo alcune delle funzionalità specifiche che hanno contribuito a rendere Elementor così efficace.

La libreria di modelli di Elementor

Sebbene Elementor ti dia il potere di creare progetti completi da zero non devi sempre fare tutto da solo grazie alla libreria di modelli di Elementor.

Questa libreria include una serie di modelli che puoi inserire con un semplice clic, si tratta sostanzialmente di alcuni modelli di elementiche a partire da Elementor 2.0, sono disponibili in due formati:

Pagine: si tratta di progetti a pagina intera che puoi importare e quindi modificare secondo necessità.
Blocchi: si tratta di progetti per “sezioni” specifiche, anziché per pagine intere. Ad esempio, se vuoi semplicemente inserire una sezione di contatto predefinita in un layout esistente, i blocchi possono aiutarti a farlo.

Una volta che hai alcuni dei tuoi progetti, puoi anche salvarli come modelli o blocchi per riutilizzarli facilmente in seguito.

Anteprime mobili e controlli del design reattivo

Con una porzione enorme del traffico web che avviene sui dispositivi mobili al giorno d’oggi, hai bisogno della versione mobile del tuo sito per avere un bell’aspetto.

Tieni presente che tutti i design che crei con Elementor sono automaticamente reattivi, ovvero hanno un bell’aspetto sui dispositivi mobili, cosa che purtroppo, è ancora troppo sottovalutata.

Se vuoi vedere come appare il tuo design su un dispositivo diverso, Elementor ti consente di avviare rapidamente un’anteprima senza uscire dall’interfaccia:

Anteprime reattive

Elementor va anche oltre consentendoti di mostrare/nascondere i singoli widget su determinati dispositivi.

Ad esempio, se hai un’immagine di un eroe enorme, potresti non voler visualizzare quell’immagine sulla versione mobile del tuo sito. I controlli del design reattivo di Elementor ti consentono di nasconderlo sui dispositivi mobili con un semplice clic.Elementor va anche oltre consentendoti di mostrare/nascondere i singoli widget su determinati dispositivi: latpop, mobile e tablet.

Come è divisa l’interfaccia

Quando avvii per la prima volta l’editor di Elementor, vedrai un interfaccia suddivisa in:

– l’area dei contenuti. Vedrai il tuo tema normale al di fuori di quest’area e costruirai il tuo design all’incirca nell’area contrassegnata dalla linea tratteggiata grigia.
– elementi/widget. Questi sono gli elementi costitutivi che metterai insieme per progettare la tua pagina.
– impostazioni. Questi ti aiutano ad annullare le modifiche, visualizzare in anteprima il tuo design su diversi dispositivi e altro ancora.

Utilizzare i temi o costruire tutto da zero?

Con Elementor Pro puoi utilizzare la stessa interfaccia di Elementor ,con l’aggiunta di widget per quel tipo di contenuto, per creare il tuo layout.

Ad esempio, se crei il modello per il tuo post sul blog, sarai in grado di trascinare i widget per:

Titolo del post
Pubblica contenuto
Metadati dell’autore

Sono disponibili molti più widget per poter creare i tuoi contenuti

Elementor Pro aggiunge semplicemente nuovi widget. Oltre a darti maggiore flessibilità, questi possono anche aiutarti a sostituire altri plugin. Ad esempio, Elementor Pro ha widget per:

Moduli (inclusi moduli di contatto)
cursori
Pulsanti di condivisione sociale
Timer per il conto alla rovescia
Tabelle dei prezzi
Moduli di accesso

Praticamente hai a disposizione una quantità enorme di modelli premium, perché quando acquisti l’upgrade, sblocchi tutti i modelli e i blocchi nella libreria. Oltre a ottenerne una quantità maggiore, i modelli sono di solito anche un po’ più dettagliati e complessi. Quindi è da considerarsi veramente di una qualità superiore.

Widget Globali

I widget globali ti aiutano a riutilizzare lo stesso elemento su più pagine

A volte potresti avere una situazione in cui desideri riutilizzare lo stesso elemento su più pagine. Ad esempio, potresti avere una sezione contatti che deve includere lo stesso contenuto in ogni pagina.

I widget globali rendono tutto più semplice consentendoti di:

Salvare quel widget come modello da riutilizzare su più pagine.
Aggiornare automaticamente ogni istanza di quel widget globale semplicemente modificandolo una volta.

Hai bisogno di Elementor Pro?

Se vuoi solo creare pagine con uno stile di base, la versione gratuita di Elementor dovrebbe avere abbastanza potenza. In effetti, Elementor offre probabilmente la versione gratuita più ricca di funzionalità di qualsiasi generatore di pagine.

Detto questo, se desideri utilizzare Elementor per creare effettivamente le pagine principali del tuo sito Web (o creare l’intero sito Web ora, grazie al generatore di temi), Elementor Pro è un’ottima opzione grazie ai nuovi elementi, controlli extra, e altre funzionalità.

Estensioni

Poiché il team di Elementor ha semplificato agli sviluppatori l’estensione delle funzionalità di Elementor, puoi anche trovare tonnellate di altre utili estensioni che vanno oltre il componente aggiuntivo Elementor Pro ufficiale.

I numeri non mentono quando si tratta di Elementor. È già uno dei principali costruttori di pagine e gli sviluppatori continuano a implementare regolarmente nuovi importanti miglioramenti.

Poiché la versione gratuita di Elementor è molto ricca, ti consiglio di installarla su un sito di test WordPress e provarla tu stesso. Se ti piace come funziona l’interfaccia, puoi quindi considerare l’aggiornamento a Elementor Pro per la creazione di temi, più elementi/modelli e altre utili funzionalità.

Esistono veramente tanti plugin aggiuntivi, questo lo rende veramente speciale e multifunzionale, è all’altezza della sua reputazione di essere uno dei migliori componenti aggiuntivi di WordPress sul mercato. Molti dei suoi modelli e widget sono disponibili gratuitamente e fornisce un’interfaccia più pulita per accelerare il processo di creazione.