Chi si occupa di WordPress per la prima volta inciampa nel nome Elementor entro pochi minuti. Di solito in una formula come „con questo costruisci il tuo sito senza programmare“. È vero, ma non spiega che cosa sia davvero questa cosa e perché esista. Ecco la versione sobria.
La versione breve
Elementor è un plugin per WordPress con cui progetta visivamente i contenuti delle pagine. Invece di digitare il testo in un campo di inserimento sperando che il tema ne ricavi qualcosa di decente, trascina elementi su una superficie e vede subito com'è il risultato. Quello che vede nell'editor è in sostanza quello che il visitatore vedrà poi.
Strumenti di questo tipo si chiamano page builder. Elementor è il più diffuso; gira su diversi milioni di installazioni WordPress.
Perché esiste
WordPress era in origine un software per blog. Si scriveva il testo, il tema stabiliva l'aspetto, fine. Non appena qualcuno voleva una home page con tre colonne, un'immagine di sfondo e un pulsante in evidenza, diventava faticoso: o trovare un tema capace esattamente di quello, oppure programmare.
I page builder hanno colmato questa lacuna. Permettono layout che il tema di suo non prevede — senza che debba toccare CSS o PHP.
Nel frattempo WordPress porta con sé uno strumento simile con l'editor a blocchi (Gutenberg). Come si rapportano i due e quando è più sensato l'uno o l'altro l'ho scritto per esteso nel confronto tra editor a blocchi e page builder.
Come ci si sente a lavorarci
La struttura si spiega in fretta. A sinistra c'è una barra con gli elementi — titolo, testo, immagine, pulsante, video, icona e così via. A destra (o al centro, a seconda della vista) c'è la sua pagina. Trascina dentro un elemento, ci clicca sopra, e la barra di sinistra diventa l'area di impostazioni proprio per quell'elemento.
Queste impostazioni sono divise in tre schede, e questo schema vale per ogni elemento:
- Contenuto — che cosa c'è dentro: il testo, l'immagine, la destinazione del link.
- Stile — come appare: colore, dimensione del carattere, spaziature, bordi.
- Avanzate — dove si trova e come si comporta: margini esterni, visibilità sui dispositivi mobili, classi CSS proprie.
Una volta interiorizzata questa tripartizione, si orienta in qualsiasi widget. È questo il vero passo di apprendimento — il resto è esercizio.
I container: la parte che molti saltano
Gli elementi non stanno liberi sulla pagina, ma dentro contenitori. Questi container determinano la struttura: quanto è largo il contenuto, se gli elementi stanno affiancati o uno sotto l'altro, come vanno a capo sul cellulare.
Chi ignora i container e getta dentro semplicemente dei widget ottiene pagine che sul desktop appaiono passabili e sul cellulare si sfaldano. È di gran lunga l'errore più frequente che riparo nei corsi. Per questo ho dedicato al tema un contributo a parte: Container al posto delle sezioni.
Gratuito o a pagamento?
Elementor esiste in due livelli. La versione gratuita è completa e basta per molti siti. La versione Pro aggiunge soprattutto quattro cose: un widget modulo proprio, il Theme Builder per intestazione e piè di pagina, i popup e i contenuti dinamici.
Quale versione faccia al caso suo l'ho calcolato in Elementor Free o Pro. In breve: cominci con la gratuita, mentre costruisce si accorge da sé se le serve di più.
Elementor Pro: se vuole intestazione, moduli e popup da un'unica fonte invece di curare tre plugin separati, tutto questo sta nella licenza Pro. Scopri Elementor Pro
A chi è adatto — e a chi no
Adatto se vuole curare il sito da solo, se ha in testa un layout che il suo tema non offre ed è disposto a investire qualche ora nelle basi.
Meno adatto se il suo sito è fatto di testo corrente e non richiede layout particolari — allora basta l'editor a blocchi. Lo stesso vale se la massima velocità di caricamento viene prima di tutto: un page builder genera per forza più markup del codice scritto a mano. E se comunque non lavorerà mai lei stesso sul sito, il tempo di apprendimento è investito male.
Lo dico chiaramente, perché Elementor non è la risposta giusta per ogni situazione. Quando lo sconsiglio sta in Quando Elementor è la scelta sbagliata.
Come iniziare al meglio
Installi la versione gratuita, crei una pagina di prova che non verrà mai pubblicata e ci armeggi per un'ora. Trascini dentro elementi, li sposti, passi alla vista mobile e guardi che cosa succede. In quell'ora impara più che in cinque video.
Se preferisce la strada strutturata e vuole saltare gli inciampi tipici, nel mio corso Elementor la accompagno esattamente attraverso queste basi.
Tag