Templates di Elementor: come realizzarli e impostare le condizioni di visualizzazione

Argomenti dell'articolo

Come ti ho già spiegato in un articolo precedente (Cos’è Elementor? Cosa fa, come si installa su wordpress e cosa puoi realizzare) , Elementor aiuta davvero tantissimo noi web designer.

Il page builder per WordPress, Elementor, non solo è considerato (e secondo me è vero) IL BUILDER per eccellenza ma presenta alcune caratteristiche essenziali che non tutti i composer in circolazione hanno.

Voglio parlarti della funzione “template” disponibile per Elementor solo nella versone Pro.

Ma partiamo dal principio.

Cosa sono i templates di Elementor?

I templates di Elementor sono pagine/strutture COMPLETAMENTE personalizzabili e realizzate interamente da noi (o si può partire da un template pre impostato) che possiamo tramite determinate condizioni applicare o no a tutto il sito o a determinate sezioni, categorie o pagine.

Ti faccio un esempio per essere più chiara:

La testata e la footer sono due elementi base di una pagina web e tranne in casi particolari sono due elementi che sono sempre uguali in ogni pagina.

Un tempo, quando c’era solo il buon html questi due elementi venivano copiati in ogni pagina e ad ogni modifica bisognava aprire ogni signola pagina e modificare. Risultato? Tanto tempo perso per fare una modifica. Se le pagine erano 100, le modifiche da fare erano 100.

Oggi per fortuna non è più così, grazie alle widget era già diventato tutto molto più semplice, ma Elementor ha semplificato ancor di più questo passaggio.

Con Elementor posso creare una footer personalizzata e decidere di farla apparire in ogni pagina del sito web con un solo semplice click.

Oppure posso farla apparire solo in alcune pagine del mio sito web.

Ad esempio posso decidere di far apparire una footer diversa per lo shop, mentre per le pagine normali posso far apparire una footer più semplice.

Stessa cosa vale per la header del sito; posso realizzare una header con un menù differente, magari con il carrello visibile per le sezioni dello shop e un menu classico per le altre parti del sito web.

Come faccio a realizzare un template con Elementor? Partiamo dall’inzio.

Come si crea un template di Elementor?

Per creare un template per Elementor, inanzitutto devi avere Elementor Pro.

Apri wordpress da backend e seleziona Template – Nuovo

Si aprirà un menù.

Qui c’è la prima scelta da fare.

A cosa è destinato il tuo template?

Sarà un template di una pagina? una piccola sezione? Un pop up da fare apparire in un determinato momento? (Elementor dedica ai popup una intera sezione), una testata (header) o un piè di pagina (footer)? oppure sarà il template del singolo post (single) o dell’archivio dei post?

Facciamo finta di dover realizzare la testata del nostro sito web.

Ti lascio il link per sapere quali sono gli elementi davvero importanti per una header perfetta.

Selezionare quindi la voce “testata” e diamo un nome al nostro template.

Elementor ci mette a disposizione la sua libreria. Noi possiamo scegliere se partire da una base già in parte fatta o realizzare la nostra header da zero.

Io solitamente la realizzo da zero.

Se vuoi partire da una base fatta seleziona la header che si avvicina di più al tuo risultato in modo da metterci meno tempo possibile.

Se invece vuoi realizzare la tua header da zero, chiudi il popup e inizia a realizzarla.

Per realizzare la header che vedi qui sopra ho inserito una sezione a tre colonne.

Come realizzare un template per la testata di un sito su con Elementor

A sinistra ho inserito il logo del sito (attenzione! non una immagine con il logo!), il menu nella colonna centrale e a destra le icone social con relativi links..

A questo punto, se la header realizzata è ok, andiamo a impostare le condizioni di visualizzazione.

Come impostare le condizioni di visualizzazione di un template di Elementor?

In basso a sinistra, sotto agli elementi di elementor (scusa il gioco di parole) clicca sulla freccia accanto al pulsante “pubblica”.

Ti apparirà un menu.

Questo menu apparirà anche se decidi di pubblicare senza inserire condizioni. Un template non può essere pubblicato senza condizioni. Se non vengono impostate condizioni, il template rimane nelle bozze.

Scegli Condizioni di Visualizzazione

Seleziona Aggiungi condizione

Se vuoi far apparire la tua nuova testata in tutte le pagine del tuo sito seleziona Includere – tutto il sito.

Se invece vuoi farla apparire negli archivi puoi selezionare nello specifico in quale archivio vuoi far apparire la testata appena creata.

Se invece vuoi selezionare la singola pagina, puoi selezionare la voce “singolare” e decidere dove farla apparire.

Stesso identico discorso se vuoi far apparire la testata in tutto il sito ma non in alcune pagine specifiche.

In questo caso devi fare così: Includere – tutto il sito.

Sucessivamente Aggiungi condizione + “Escludi” e seleziona le pagine in cui non vuoi far apparire la header.

In questo caso ho impostato in modo che la testata appena realizzata apparirà in tutto il sito web ma non nella pagina “contatti”.

Dopo che hai deciso le condizioni di visualizzazione, puoi pubblicare il template che si adatterà alle pagine che hai deciso.

Per ora è tutto, se ti è piaciuto l’articolo, condividilo o lasciami un commento!

Condividi su facebook
Facebook
Condividi su whatsapp
WhatsApp
Condividi su linkedin
LinkedIn
Condividi su twitter
Twitter
Condividi su telegram
Telegram
Condividi su email
Email
Condividi su skype
Skype

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

valentina olini

Valentina Olini

Sono libera professionista, mi occupo di web design, grafica e di creare contenuti per il web. Lavoro in questo campo da più di 10 anni e dal 2012 gestisco e scrivo su greenmagazine.it, il mio progetto personale.

Seguimi su Instagram

Iscriviti alla mia newsletter

Altri articoli

L'hosting che ti consiglio e che utilizzo per i miei siti web

hosting migliore