Vorresti creare un layout con Elementor? Vuoi creare facilmente un sito Web WordPress dall'aspetto professionale? Allora devi Scarica qui il plug-in Elementor per WordPress.

 Elementor è un generatore di pagine visive che offre la funzione "Trascina selezione" che ti consente di creare facilmente layout personalizzati su WordPress senza alcuna conoscenza di codifica.

In questo tutorial, ti mostreremo come creare facilmente layout WordPress personalizzati con Elementor con pochi clic. Offriamo anche a te controlla le altre alternative di questo bellissimo plugin per WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

crea un layout con Elementor

Perché e quando creare layout personalizzati su WordPress?

Prima di iniziare, puoi scoprire su questo plugin WordPress consultando gli articoli Presentazione di una pagina del costruttore di WordPress: Elementor o scoprire il Tutorial Elementor: Presentazione dell'interfaccia 

molti Temi WordPress Sia gratuito che premium offrono più scelte di layout per diversi tipi di pagine. Tuttavia, a volte nessuno di questi layout di modello soddisfa le tue esigenze.

Tuttavia, se sei un fan di PHP, HTML e CSS, hai la possibilità di creare i tuoi modelli di pagina o persino creare un tema figlio per il tuo sito web. Ma la maggior parte degli utenti di WordPress non sono sviluppatori, quindi questa opzione non funziona per loro.

Scopri anche questi Plugin 8 WordPress per creare facilmente i tuoi layout

Quindi non sarebbe fantastico creare layout utilizzando un'interfaccia semplice (trascina e rilascia)?

Questo è esattamente ciò che fa Elementor. Questo è un plug-in per la creazione di pagine di WordPress che ti consente di creare facilmente i tuoi layout WordPress personalizzati senza alcuna capacità di codifica.

Ha un'interfaccia utente intuitiva che ti consente di creare layout personalizzati con anteprima in tempo reale. Viene fornito con molti moduli già pronti per tutti i tipi di elementi di web design.

Offre diversi modelli di pagina progettati in modo professionale che puoi caricare e utilizzare immediatamente come punto di partenza. Detto questo, diamo un'occhiata a come creare layout WordPress personalizzati con il plug-in Elementor di WordPress.

Introduzione a Elementor

Per prima cosa dovrai acquistare il plugin " Elementor Pro ". Questa è la versione a pagamento del plugin " Elementor Gratuito che ti dà accesso a funzionalità aggiuntive e all'assistenza clienti di 1.

Quindi dovrai installare e attivare il Plugin elementor. Per maggiori dettagli, consulta la nostra guida dettagliata su modo per installare un plugin per WordPress.

Dopo l'attivazione, visita il " Elementor> Impostazioni Per configurare il funzionamento di questo plugin.

Impostazioni degli elementi

Qui puoi attivare “Elementor” per diversi tipi di post. Per impostazione predefinita, è abilitato per i tuoi articoli e le tue pagine WordPress. Se hai formati di post personalizzati sul tuo sito web, anche quelli verranno visualizzati qui e puoi anche abilitarli.

Sarai in grado di escludere o includere ruoli utente che possono utilizzare Elementor durante la scrittura di post o pagine. Per impostazione predefinita, è abilitato solo per gli amministratori.

Scopri la nostra Plugin 8 WordPress per gestire ruoli e utenti

Non dimenticare di fare clic sul pulsante « Salva modifiche Per salvare le tue impostazioni.

Creazione di un layout personalizzato con Elementor

Innanzitutto, devi creare una nuova pagina (o post) sul tuo sito Web WordPress. Nella pagina di modifica del post, noterai il nuovo pulsante "Modifica con Elementor".

Modifica con elementor

Facendo clic su di esso verrà avviata l'interfaccia utente di Elementor in cui è possibile modificare la pagina utilizzando il generatore di pagine visive con funzionalità di trascinamento della selezione.

Trascina e rilascia elementor

Ora puoi aggiungere sezioni e creare la tua pagina da zero, oppure puoi ancora caricare uno dei modelli di spedizione predefiniti.

I modelli sono un modo più veloce per iniziare rapidamente. Pertanto, Elementor offre diversi modelli progettati in modo professionale che è possibile personalizzare quanto si desidera.

Cominciamo con un modello facendo clic sul pulsante " Aggiungi un modello '.

Verrà visualizzata una finestra pop-up in cui è possibile visualizzare i diversi modelli disponibili. Dovresti cercare un modello che assomigli a quello che vuoi. 

Plugin elemntor di layout

Ora fai clic per selezionare il modello desiderato, quindi fai clic sul pulsante inserire Per aggiungerlo alla tua pagina.

Elementor caricherà il modello per te.

È ora possibile iniziare a modificare il modello in base alle proprie esigenze. Basta puntare e fare clic su qualsiasi elemento per selezionarlo ed Elementor ti mostrerà le sue impostazioni nella colonna di sinistra.

Inizio della modifica della pagina su elementor

Ora parliamo di come funzionano i layout di Elementor.

I modelli offerti dal Plugin elementor sono costruiti su sezioni, colonne e widget. Le sezioni sono come linee o blocchi che metti sulla tua pagina.

Ogni sezione può avere più colonne e ogni sezione e colonna può avere i propri stili, colori, contenuti, ecc.

Modifica di una pagina con elementor

Hai la possibilità di aggiungere elementi nelle tue colonne e sezioni utilizzando i widget offerti da Elementor.

Questi widget sono tipi di blocchi di contenuto che puoi posizionare in sezioni delle tue pagine.

Basta selezionare un widget e rilasciarlo nella sezione o nella colonna. C'è un enorme set di widget disponibili che coprono tutti i popolari elementi di web design che puoi immaginare.

Element e design con elementor

Puoi aggiungere immagini, testi, argomenti, gallerie di immagini, video, mappe, icone, testimonianze, slider, caroselli e molto altro.

Vedi anche il nostro Temi e modelli di 15 Elementor per creare un sito Web

Puoi anche aggiungere widget WordPress predefiniti e persino widget creati da altri plugin di WordPress sul tuo sito web.

Una volta terminata la creazione o la modifica del layout, puoi fare clic sul pulsante " Enregistrer Per mantenere le tue modifiche.

Personalizza il layout con elementor

osservazione: Il salvataggio di un layout non pubblicherà la pagina sul tuo sito Web WordPress. Salverà semplicemente il tuo layout.

A questo punto hai la possibilità di visualizzare in anteprima la tua pagina o andare alla dashboard di WordPress. Il che ti riporterà all'editor di post predefinito di WordPress. Ora puoi salvare la tua pagina WordPress o pubblicarla sul tuo sito web.

Pubblicazione del layout con elementor

Questo è tutto, quindi ho finito di creare una pagina con il plugin Elementor di WordPress.

Ma come molti generatori di pagine, offre anche estensioni che ti consentirà di creare facilmente e rapidamente nuovi layout portando più elementi di design al plug-in predefinito.

Scarica Elementor

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. JetElements 

Questo plugin migliorerà il tuo pacchetto Elementor con un'ampia varietà di moduli che saranno estremamente utili durante la creazione del tuo sito web. Elementi potenti sono stati creati appositamente per integrarsi con le funzionalità di Elementor per fornire soluzioni versatili ed elementi eleganti.

Elementor wordpress plugin jetelement

Le sue caratteristiche principali sono: molti moduli utili, contenenti molte opzioni di stile, parametri funzionali ed elementi assolutamente personalizzabili, incredibili elementi per avviare rapidamente il tuo negozio online, supporto per le lingue RTL, Supporto plug-in WPML e un modulo Contattare 7 Modulo incredibile, che ti consente di aggiungere i tuoi moduli di contatto e incorporarli nel tuo sito web.

Download | Demo | Web hosting

2. JetMenu 

JetMenu è un'estensione molto funzionale plug-in Elementor, che ti permette di creare megamenus con elementi di scorrimento facili da usare. Questo plugin non limita la tua immaginazione e ha il potenziale per creare menu straordinari e rinnovarli in base alla tua visione e alle tue esigenze.

Plugin elementor per wordpress Jetmenu

Le sue caratteristiche principali sono: non è richiesta alcuna conoscenza di codifica, funzionalità ricche che si combinano perfettamente con semplicità e chiarezza, una vasta selezione di moduli di contenuto, appositamente sviluppati per aiutarti a creare i tuoi menu, un layout altamente reattivo e altro ancora.

Se vuoi ravvivare i menu o i megameni del tuo sito Web, consulta questo plugin WordPress.

Download | Demo | Web hosting

3. JetWooBuilder 

JetWooBuilder è un componente aggiuntivo indispensabile che consente di creare pagine di prodotti WooCommerce complete con Elementor.

Jetwoobuilder wordpress elementor plugin

Come caratteristiche troverete tra gli altri: diversi modelli di pagina di prodotto unici, molte immagini per creare pagine di prodotti WooCommercemolti widget di contenuti accattivanti, come Aggiungi al carrello, Anteprima, Immagine, Valutazione, Correlati e molti altri, la possibilità di visualizzare tassonomie del prodotto e più.

Download | Demo | Web hosting

Alcune risorse utili:

Conclusione:

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di creare layout moderni e professionali con il plugin Elementor.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Soprattutto condividi questo articolo sui tuoi diversi social network.

...