{"id":236790,"date":"2021-12-15T13:20:00","date_gmt":"2021-12-15T10:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236790"},"modified":"2022-05-16T11:51:56","modified_gmt":"2022-05-16T08:51:56","slug":"come-utilizzare-il-plug-in-elementor-page-builder","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-utilizzare-il-plug-in-elementor-page-builder\/","title":{"rendered":"Come utilizzare il plug-in Elementor Page Builder"},"content":{"rendered":"<p>E se potessi controllare ogni pixel del design del tuo sito senza scrivere codice?<\/p>\n<p>Bene, questa \u00e8 la missione in cui si \u00e8 imbarcato Elementor, e sai una cosa?<\/p>\n<p>L&#8217;hanno fatto!<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-guide-cta1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> \u00e8 uno strumento di creazione di pagine estremamente robusto che ti consente di creare pagine personalizzate e persino interi siti web. E non hai nemmeno bisogno di guardare una riga di codice, figuriamoci scriverne una tua.<\/p>\n<p>In questo tutorial di Elementor imparerai come utilizzare il generatore di pagine per creare design di pagine completamente personalizzati.<\/p>\n<h2>Come usare Elementor<\/h2>\n<p>Se preferisci guardare un video, questo tutorial passo passo copre tutto:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/Up58uOqFiL8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Iscriviti ai temi della competizione su Youtube<\/a><\/p>\n<p>Il primo passo per iniziare \u00e8 installare il plug-in Elementor.<\/p>\n<h2>Installa Elementor<\/h2>\n<p>Elementor \u00e8 un plug-in gratuito e pu\u00f2 essere installato come qualsiasi altro plug-in che hai aggiunto al tuo sito.<\/p>\n<p>Visita il menu Plugin &gt; Aggiungi nuovo e utilizza la barra di ricerca in alto a destra per cercare &quot;elementor&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b182e87cb.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Fare clic sul pulsante Installa ora, quindi su Attiva al termine dell&#8217;installazione.<\/p>\n<p>Con Elementor installato, vedrai due nuovi menu aggiunti al tuo sito web.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1854049c.png\"><\/a><\/p>\n<p>Il menu principale di Elementor ha alcune impostazioni globali, ma onestamente non le utilizzerai molto. Oltre a ci\u00f2, sono principalmente collegamenti a risorse di supporto e funzionalit\u00e0 di Elementor Pro.<\/p>\n<p>Il menu Modelli \u00e8 molto utile e lo esamineremo pi\u00f9 avanti nel tutorial.<\/p>\n<h2>Come modificare una pagina con Elementor<\/h2>\n<p>La maggior parte del lavoro che fai con Elementor verr\u00e0 svolto nell&#8217;editor di Elementor.<\/p>\n<p>Per raggiungere l&#8217;editor, puoi visitare il menu Post o Pagine, quindi fare clic sulla pagina che desideri modificare. All&#8217;interno dell&#8217;editor, vedrai un nuovo pulsante &quot;Modifica con Elementor&quot; che ti porter\u00e0 all&#8217;editor di Elementor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18718b88.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Sebbene tu possa utilizzare sia l&#8217;editor Elementor che il normale contenuto della pagina insieme, tende a diventare disordinato e confuso. Per questo motivo, consiglierei di inserire tutti i tuoi contenuti in Elementor per qualsiasi pagina in cui li utilizzi.<\/p>\n<p>Dopo aver fatto clic sul pulsante di modifica blu, verrai indirizzato all&#8217;editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b188ebd4e.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Come puoi vedere, \u00e8 impostato come Live Customizer. C&#8217;\u00e8 un&#8217;anteprima sulla destra e sulla sinistra puoi vedere i widget.<\/p>\n<p>I widget sono gli elementi costitutivi di base delle pagine di Elementor, quindi \u00e8 imperativo imparare a usarli.<\/p>\n<p>All&#8217;interno del menu dei widget, troverai alcune sezioni diverse.<\/p>\n<p>La sezione Base in alto include elementi pratici come i widget Editor di testo, Intestazione e Icona.<\/p>\n<p>Se continui a scorrere, scoprirai che ci sono alcune altre sezioni:<\/p>\n<ul>\n<li><strong>Pro:<\/strong> widget pi\u00f9 avanzati come le griglie dei post (solo Elementr Pro)<\/li>\n<li><strong>Generale:<\/strong> widget pi\u00f9 comunemente usati (gratuiti)<\/li>\n<li><strong>Sito:<\/strong> per creare interi siti con Elementor (solo Elementor Pro)<\/li>\n<li><strong>WooCommerce:<\/strong> per creare un negozio di WC con Elementor (solo Elementor Pro)<\/li>\n<li><strong>WordPress:<\/strong> tutti i tuoi normali widget WP<\/li>\n<\/ul>\n<p>La sezione WordPress \u00e8 ordinata perch\u00e9 ti consente di utilizzare tutti e 17 i widget predefiniti inclusi in WordPress, oltre a qualsiasi widget aggiunto dai plug-in.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18aaf338.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Per aggiungere un widget alla pagina, \u00e8 sufficiente trascinarlo e rilasciarlo nella casella delineata nell&#8217;anteprima.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18c91945.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Una volta aggiunto il widget, troverai tutti i tipi di opzioni di personalizzazione disponibili nella barra laterale.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b18e40dfc.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Ogni widget ha una sezione Contenuto, Stile e Avanzate. Ecco una rapida occhiata ad alcune delle opzioni di stile disponibili per un&#8217;intestazione:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b190866c3.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Mentre puoi modificare il contenuto di qualsiasi widget dalla scheda Contenuto nella barra laterale, puoi anche modificarlo direttamente nell&#8217;anteprima.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1933969a.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Questo dovrebbe darti una buona idea delle basi dei widget. Come hai visto, c&#8217;\u00e8 un&#8217;enorme variet\u00e0 di widget. Inoltre, sono disponibili anche <a href=\"https:\/\/mightythemes.com\/products\/mighty-addons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">componenti aggiuntivi<\/a> che includono widget non normalmente disponibili in Elementor.<\/p>\n<p>Ormai, probabilmente ti stai entusiasmando per ci\u00f2 che puoi fare con Elementor, ma fidati di me, c&#8217;\u00e8 molto di pi\u00f9.<\/p>\n<h2>Crea layout di pagina personalizzati<\/h2>\n<p>Finora, hai visto solo come trascinare e rilasciare i widget nella pagina che si traduce in un semplice design a colonna singola.<\/p>\n<p>Puoi anche fare clic sul pulsante pi\u00f9 nell&#8217;anteprima per creare una nuova struttura di pagina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19546ddd.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Dopo aver fatto clic su di esso, vedrai 12 diverse strutture tra cui scegliere.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b196dea8e.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Una volta scelto uno, verr\u00e0 creata la sezione della pagina e potrai trascinare i widget in una qualsiasi delle colonne. Ci\u00f2 ti consente di raggruppare i widget in sezioni logiche e puoi anche modellare la sezione.<\/p>\n<p>Se fai clic sulla maniglia nella parte superiore della sezione della pagina, vedrai gli aggiornamenti della barra laterale con nuove opzioni.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b198af26d.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>All&#8217;interno della scheda Stile, troverai molte fantastiche opzioni tra cui l&#8217;opzione di sfondo che \u00e8 particolarmente pratica.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ad8420.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Puoi utilizzare un colore, una sfumatura, un&#8217;immagine, un video o una presentazione come sfondo di qualsiasi sezione della pagina.<\/p>\n<p>E come se ci\u00f2 non bastasse, puoi persino modificare gli sfondi e lo stile delle singole colonne all&#8217;interno della sezione della pagina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19d226c9.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>La possibilit\u00e0 di modellare widget, colonne e sezioni separatamente fornisce un&#8217;immensa quantit\u00e0 di controllo.<\/p>\n<p>C&#8217;\u00e8 solo un problema.<\/p>\n<p>Noterai rapidamente (se non l&#8217;hai gi\u00e0 fatto) che gli sfondi nelle sezioni della pagina sembrano strani perch\u00e9 sono limitati al centro della pagina. Ecco come risolverlo.<\/p>\n<h2>Fissare lo spazio del layout<\/h2>\n<p>Sto usando il <a href=\"https:\/\/www.competethemes.com\/chosen\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema scelto<\/a> nel mio esempio e, come puoi vedere, lo sfondo della sezione della pagina che ho creato si interrompe bruscamente nel mezzo della pagina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b19ee6197.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Questo perch\u00e9 il contenuto di Elementor occupa lo stesso spazio nel tema del contenuto del post. Ecco come appare una pagina normale nel tema scelto:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a12d79a.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Per i post e le pagine standard, sembra fantastico, ma con Elementor pu\u00f2 rendere il design imbarazzante. La soluzione \u00e8 utilizzare un modello di pagina.<\/p>\n<p>Per modificare il modello di pagina, puoi visitare l&#8217;editor, aprire la sezione Attributi di pagina e quindi utilizzare questo menu a discesa Modello:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a2d26e1.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Sebbene molti temi, come Chosen, includano i propri modelli di pagina, Elementor aggiunger\u00e0 sempre due modelli al tuo sito:<\/p>\n<ul>\n<li>Elementor Canvas: a tutta larghezza senza intestazione o pi\u00e8 di pagina<\/li>\n<li>Elementor Full Width: larghezza intera con intestazione e pi\u00e8 di pagina<\/li>\n<\/ul>\n<p>Puoi anche modificare il modello di pagina dall&#8217;editor di Elementor facendo clic sull&#8217;icona Impostazioni pagina in basso e quindi utilizzando questa opzione Layout di pagina:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a4d24c1.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Detto questo, torniamo a creare pagine meravigliose con Elementor.<\/p>\n<h2>Aggiungi blocchi predefiniti<\/h2>\n<p>Quello che hai visto finora da Elementor \u00e8 impressionante. Puoi creare qualsiasi cosa tu possa immaginare usando gli strumenti che hai visto.<\/p>\n<p>Detto questo, la sfida \u00e8 ardua. Vuoi davvero creare un&#8217;intera pagina web da zero? Se non hai alcuna esperienza con il web design, \u00e8 probabile che crei una pagina dall&#8217;aspetto amatoriale.<\/p>\n<p>Creare belle pagine \u00e8 un lavoro duro!<\/p>\n<p>Fortunatamente, Elementor si \u00e8 preparato anche per questa situazione.<\/p>\n<p>In precedenza, hai appreso che puoi fare clic sul pulsante pi\u00f9 per aggiungere una struttura di pagina, ma se fai clic sull&#8217;icona della cartella, puoi aggiungere un nuovo blocco.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a6bdade.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Vedrai questa finestra popup con centinaia di sezioni di pagina predefinite:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1a8a342c.png\"><\/a><\/p>\n<p>Puoi semplicemente fare clic su uno di questi blocchi per inserirli nella tua pagina. \u00c8 qui che Elementor inizia davvero a brillare.<\/p>\n<p>Piuttosto che costruire un&#8217;intera pagina da zero, puoi semplicemente inserire blocchi prefabbricati fino a quando non hai il design e il layout giusti. Ci\u00f2 \u00e8 reso ancora pi\u00f9 semplice dalle opzioni di ordinamento.<\/p>\n<p>Utilizzando il menu a discesa Categoria, puoi filtrare i blocchi in base al loro uso specifico.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ab41ed9.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Ecco come appare uno dei blocchi una volta inserito nella mia pagina:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1ae0665c.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Come puoi vedere, \u00e8 composto da widget in modo da poter modificare ogni singolo aspetto del blocco dalla struttura delle colonne al testo.<\/p>\n<p>I blocchi sono fantastici e rendono la creazione di pagine Web molto pi\u00f9 semplice, ma la funzionalit\u00e0 successiva li spazza via.<\/p>\n<h2>Aggiungi pagine predefinite<\/h2>\n<p>All&#8217;interno della finestra popup, c&#8217;\u00e8 anche una scheda Pagine. Cliccaci sopra e troverai questa schermata:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b058f86.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Quello che stai guardando sono centinaia di pagine pre-progettate create con Elementor. Puoi fare clic su uno di essi per inserirli immediatamente nella tua pagina.<\/p>\n<p>Quanto \u00e8 sorprendente?<\/p>\n<p>Certo, puoi creare i tuoi progetti da zero, ma onestamente, perch\u00e9 dovresti? L&#8217;approccio pi\u00f9 rapido e semplice \u00e8 trovare un modello esistente che ti piace e quindi inserirlo semplicemente nella tua pagina.<\/p>\n<p>Questo processo rende la creazione di pagine web con Elementor incredibilmente veloce, facile e divertente.<\/p>\n<p>Sebbene la versione gratuita di Elementor includa solo una manciata di modelli, puoi sbloccare tutti i 200+ con <a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Pro<\/a>.<\/p>\n<p>Themeforest ha recentemente lanciato <a href=\"http:\/\/link.competethemes.com\/elementor-template-kits-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor Template Kits<\/a> sul proprio sito e l\u00ec puoi trovare molti pi\u00f9 modelli e blocchi pre-progettati.<\/p>\n<p>Ho anche messo insieme una raccolta dei <a href=\"https:\/\/themewp.inform.click\/it\/i-migliori-kit-di-modelli-elementor-per-il-2021\/\" title=\"migliori kit di modelli Elementor\">migliori kit di modelli Elementor<\/a> che potrebbero piacerti.<\/p>\n<h2>Riutilizza i tuoi blocchi e le tue pagine<\/h2>\n<p>Ora hai visto la maggior parte di ci\u00f2 che Elementor pu\u00f2 fare, ma c&#8217;\u00e8 un&#8217;altra funzionalit\u00e0 da coprire.<\/p>\n<p>Puoi creare pagine personalizzate utilizzando ci\u00f2 che hai imparato finora. Tuttavia, se desideri creare un intero sito con Elementor o utilizzarlo per i siti Web dei clienti, avrai bisogno di un flusso di lavoro migliore. \u00c8 qui che entra in gioco il menu Modelli.<\/p>\n<p>Nella parte inferiore dell&#8217;editor, vedrai il pulsante verde Aggiorna che puoi utilizzare per salvare le modifiche.<\/p>\n<p>Se fai clic sulla freccia accanto ad essa, vedrai l&#8217;opzione per salvare la pagina come nuovo modello.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b2c966d.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Tutto quello che devi fare \u00e8 dargli un nome e premere &quot;Salva&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b5183ae.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Quindi, di nuovo nella dashboard di WordPress, troverai il tuo modello elencato qui nel menu Modelli:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b6e859a.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Puoi creare e modificare i modelli qui senza modificare le pagine in cui sono inseriti. Puoi anche visitare la scheda Sezioni e creare le tue sezioni di pagina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218484-6171b1b8c1468.png\" alt=\"Come utilizzare il plug-in Elementor Page Builder\"><\/a><\/p>\n<p>Quindi, quando stai lavorando su una pagina, puoi inserire una qualsiasi delle tue pagine o blocchi pre-progettati dalla scheda I miei modelli nella finestra popup.<\/p>\n<p>Anche se non avrai bisogno di questa funzionalit\u00e0 se stai solo creando una o due <a href=\"https:\/\/themewp.inform.click\/it\/i-migliori-8-migliori-temi-per-pagine-di-destinazione-di-wordpress-per-conversioni-elevate\/\" title=\"pagine di destinazione\">pagine di destinazione<\/a>, diventa indispensabile quando crei siti per i clienti.<\/p>\n<h2>Inizia a utilizzare Elementor<\/h2>\n<p>uff!<\/p>\n<p>\u00c8 stato un lungo tutorial e includeva un sacco di nuove informazioni, ma spero che ti sia piaciuto.<\/p>\n<p>Con Elementor puoi:<\/p>\n<ul>\n<li>Crea pagine di vendita<\/li>\n<li>Crea bellissimi modelli per pagine normali<\/li>\n<li>Costruisci siti web completamente personalizzati<\/li>\n<\/ul>\n<p>Sebbene sia uno strumento complicato, gli sviluppatori lo hanno reso intuitivo e penso che abbiano raggiunto questo obiettivo di &quot;web design senza codice&quot; in modo pi\u00f9 efficace di qualsiasi altro prodotto realizzato prima.<\/p>\n<p>Se vuoi andare oltre, dai un&#8217;occhiata a Elementor Pro e ad alcune delle funzionalit\u00e0 aggiuntive che include:<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/elementor-tutorial\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Dai un&#8217;occhiata a Elementor Pro \u2192<\/a><\/p>\n<p>Ci sono popup, pi\u00f9 widget e persino una funzione di &quot;generatore di temi&quot; che non ho nemmeno trattato qui.<\/p>\n<p>Se hai imparato molto, condividi questo articolo con qualcun altro prima di andare e grazie mille per averlo letto!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aggiungi widget, strutture di pagine personalizzate, modelli predefiniti e altro ancora al tuo sito con il fantastico plug-in per la creazione di pagine Elementor.<\/p>\n","protected":false},"author":1,"featured_media":218485,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-236790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/236790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=236790"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/236790\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/218485"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=236790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=236790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=236790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}