Vuoi creare una pagina che attragga il tuo visitatore?

In questo articolo inizieremo ad utilizzare i widget di Elementor per costruire una pagina che sia visivamente attraente per i visitatori del tuo sito

Quello che imparerai ti consentirà di aumentare i visitatori del sito perché un sito ben fatto e visivamente gradevole aumenta la possibilità che gli utenti ritornino a farti visita

Sei pronto?

Partiamo!

Per prima cosa crea una nuova pagina, aggiungi il titolo, salvala come bozza e clicca su modifica con Elementor.

Sai cos’è Elementor?

Ne ho parlato nell’articolo Conosci Elementor

Prima di proseguire facciamo un rapido excursus 

Elementor è  un plugin che ti consente di creare una pagina di WordPress in maniera semplice, attraverso un editor visuale e la funzione Drag&drop( trascina e posiziona)

Bene se vuoi rinfrescarti la memoria ti consiglio di leggere prima l’articolo su Elementor

Torniamo alla creazione della pagina

Ora puoi decidere se scegliere di utilizzare un template di Elementor come base di partenza oppure iniziare a creare la struttura

Nel video  qui sotto ti mostro i passaggi

Template

Iniziamo con scegliendo un template, poi vedremo come costruire una pagina da zero

Scegliamo un template in questo caso io sceglierò questa Homepage study

I template hanno varie categorie Homepage, Page etc

Io ho scelto la homepage

Come ti ho detto nell’articolo “Conosci Elementor?” il page-builder divide la pagina in sezioni al cui interno ci sono le colonne e all’interno di quest’ultime i Widget

Questo template è diviso in 5 sezioni

Iniziamo a studiare la prima sezione 

Come puoi vedere questa sezione ha un’immagine  come sfondo e due colonne

In una colonna c’è un Widget video e nell’altra c’è il Widget testo e un pulsante con una call action

Esaminiamo la sezione

Per fare questo andiamo in alto sulla cornice e clicchiamo su modifica sezione

Nella colonna sinistra di Elementor ci apparirà il menu layout

In questo menu possiamo vedere come è fatta la struttura, modificare la larghezza del contenuto lo spazio delle colonne etc

Passiamo ora al menù stile 

Qui troviamo l’immagine di sfondo 

Come vedi l’immagine è chiara 

Ti stai chiedendo come creare o eliminare il livello viola sull’immagine?

Semplice continua a scorrere il menu stile e trovi la voce Sfondo Overlay

Scegli il colore, in questo caso è stato scelto il viola e poi scegli il grado di opacità

Passiamo al menu avanzato 

Qui puoi impostare i margini di questa sezione e il rientro che in questo caso è impostato a 200 sopra e sotto

Nel video qui sotto ti mostro tutto

Esaminiamo ora le colonne di questa sezione

Nella prima colonna è inserito il Widget Video

Con Elementor possiamo scegliere di inserire video caricati su diverse sorgenti (Youtube, Vimeo, Dailymotion) oppure un video caricato sul tuo sito WordPress

Oltre questo Elementor ci consente di impostare altre opzioni:

  • autoplay: per far partire il video in automatico all’apertura della pagina
  • silenzioso: il video parte con l’audio disattivato
  • ciclico: il video una volta arrivato alla fine ricomincerà da capo 

Le altre funzioni invece variano a seconda della sorgente utilizzata

Nel menù Stile possiamo impostare le proporzioni del video

Mentre nel menù Avanzato possiamo impostare i margini del video rispetto alla colonna e il rientro

Le altre funzioni le vedremo più avanti

Passiamo ora alla seconda colonna

Prima di vedere il testo diamo uno sguardo alle opzioni della colonna

Nel menù layout possiamo sceglie la dimensione in percentuale di una colonna rispetto all’altra

Possiamo decidere la posizione del contenuto  etc

Nel menù Stile possiamo scegliere tipo di sfondo della colonna, ma questo lo vedremo in un’altra parte del template

Diamo un occhiata al Widget testo o meglio ai Widget testo perché la pagina ne contiene due

Il primo è il Widget Intestazione che è utilizzato per il titolo della colonna

Il secondo è il Widget Editor di testo

Questi due Widget possono sembrare simili ma non lo sono, scopriamo perché

Partiamo dal Widget Intestazione 

Nel menù Contenuto di questo Widget troviamo un campo titolo dove inserire il titolo del paragrafo

Possiamo aggiungere un link cosi da rendere cliccabile il titolo

Inoltre possiamo scegliere la dimensione il tag HTML ,in questo caso è impostato come H2 e l’allineamento (sinistra, centro, destra e giustificato)

Nel Stile troviamo le impostazioni di Colore, Tipografia, Ombra del testo e Modalità di fusione

Il menù Avanzato invece avrà tutte le impostazioni che abbiamo visto per gli altri Widget

Il Widget Editor di testo è un po’ diverso 

Come vedrai nel video qui sotto è presente un vero e proprio editor che ci consente di editare il testo cosa che non possiamo fare nell’intestazione

Nel menù Stile sarà possibile allineare il testo scegliere il colore e modificare le dimensioni, il font etc del testo

Nel prossimo articolo continueremo a studiare le altre sezioni di questo template e poi passeremo a costruire una pagina da zero

Se hai dubbi puoi scrivere un commento qui sotto e ti risponderò il prima possibile oppure iscriverti alla nostra community Facebook dove potrai chiedere aiuto.

Alla prossima!!

Come creare una pagina con Elementor
5 (100%) 1 vote[s]

Giovanni Chianese

Giovanni Chianese è uno sviluppatore di siti WordPress & un esperto di Digital Marketing

Lascia un commento

Chiudi il menu

EL-Semplice

Il primo corso completo ed aggiornato su Elementor

Iscriviti alla lista d’attesa per essere avvisato e scoprire il prezzo di lancio

Inoltre avrai accesso gratuitamente al 20% delle lezioni e potrai valutare se il corso fa al caso tuo prima di decidere di acquistarlo.