{"id":14890,"date":"2020-11-02T13:00:04","date_gmt":"2020-11-02T12:00:04","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=14890"},"modified":"2024-11-11T11:30:42","modified_gmt":"2024-11-11T10:30:42","slug":"avada-recensione-tema-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/avada-recensione-tema-wordpress\/","title":{"rendered":"Avada per WordPress: guida e recensione"},"content":{"rendered":"\n<p>Avada \u00e8 uno dei temi pi\u00f9 apprezzati su Themeforest, ovvero una delle principali piattaforme attraverso cui acquistare <a href=\"https:\/\/supporthost.com\/it\/temi-wordpress\/\" target=\"_blank\" aria-label=\"temi WordPress (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">temi WordPress<\/a>. Il tema, infatti, conta ad oggi pi\u00f9 23.600 recensioni con una valutazione di 4.76 stelle su 5.<\/p>\n\n\n\n<p>In questo articolo ho deciso, quindi, di parlarti delle funzionalit\u00e0 di Avada e dei motivi che lo portano ad essere il tema per <a href=\"https:\/\/it.wordpress.org\/\" class=\"rank-math-link\" rel=\"noopener\">WordPress<\/a> pi\u00f9 venduto. Oltre a vedere le principali funzioni, ti spiegher\u00f2 anche come installare e configurare il tema.<\/p>\n\n\n\n<p>Vedremo, inoltre, come sfruttare le funzioni dell&#8217;Avada Builder per creare il nostro sito web e capiremo anche come usare Avada Live per apportare modifiche da front-end in modo ancora pi\u00f9 pratico.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#tema-avada-per-word-press-il-segreto-del-successo\">Tema Avada per WordPress: il segreto del successo<\/a><ul><li><a href=\"#qual-e-il-prezzo-di-una-licenza-di-avada\">Qual \u00e8 il prezzo di una licenza di Avada?<\/a><\/li><\/ul><\/li><li><a href=\"#come-installare-avada-su-word-press\">Come installare Avada su WordPress<\/a><\/li><li><a href=\"#come-configurare-avada\">Come configurare Avada<\/a><\/li><li><a href=\"#come-usare-avada\">Come usare Avada<\/a><ul><li><a href=\"#come-modificare-il-tema-con-avada-live\">Come modificare il tema con Avada Live<\/a><\/li><li><a href=\"#come-modificare-il-tema-con-avada-builder\">Come modificare il tema con Avada Builder<\/a><\/li><li><a href=\"#avada-tutorial-su-libreria-e-creazione-degli-elementi\">Avada: tutorial su libreria e creazione degli elementi<\/a><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tema-avada-per-word-press-il-segreto-del-successo\">Tema Avada per WordPress: il segreto del successo<\/h2>\n\n\n\n<p>Da diversi anni Avada \u00e8 il tema per WordPress pi\u00f9 venduto su <a href=\"https:\/\/supporthost.com\/it\/themeforest\/\" target=\"_blank\" aria-label=\"Themeforest (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Themeforest<\/a>, e finora ha infatti venduto pi\u00f9 di <strong>629.500 licenze<\/strong>. Il suo successo si deve al fatto che, oltre ad essere completamente personalizzabile con tutte le opzioni che mette a disposizione, Avada \u00e8 anche intuitivo e semplice da usare.<\/p>\n\n\n\n<p>Per venirci in aiuto nella costruzione del nostro sito, infatti, Avada ci mette a disposizione anche dei modelli preimpostati. Inoltre, sia nella creazione da zero che nel modificare i modelli di base vedremo che ogni operazione sar\u00e0 semplificata grazie al sistema di <strong>drag &amp; drop<\/strong> per posizionare i vari elementi.<\/p>\n\n\n\n<p>Avada \u00e8 anche in costante aggiornamento, grazie al rilascio continuo di nuove versioni che ne ampliano le potenzialit\u00e0. Ad esempio la versione attuale, la<strong> 7.1<\/strong>, ha anche introdotto la possibilit\u00e0 di integrare i form del sito al CRM gratuito di <a href=\"https:\/\/www.hubspot.com\/\" class=\"rank-math-link\" rel=\"noopener\">HubSpot<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"238\" src=\"https:\/\/supporthost.com\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-tema.jpg\" alt=\"Avada Tema\" class=\"wp-image-14915\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-tema.jpg 967w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-tema-300x74.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-tema-768x189.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-tema-120x30.jpg 120w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<p>Inoltre, sono stati aggiunti nuovi temi preimpostati e con questa nuova versione viene anche garantita la compatibilit\u00e0 di Avada a WooCommerce (versione 5.5). La licenza di Avada, inoltre, comprende anche dei <a href=\"https:\/\/supporthost.com\/it\/plugin-wordpress\/\" class=\"rank-math-link\">plugin<\/a> premium per WordPress.<\/p>\n\n\n\n<p>Infatti, oltre a quelli che saranno necessari per il corretto funzionamento del tema (come vedremo pi\u00f9 avanti), sar\u00e0 possibile anche usufruire dei seguenti plugin di terze parti: Avada Builder, Slider Revolution, Convert Plus, Layer Slider, <a href=\"https:\/\/supporthost.com\/it\/advanced-custom-fields\/\" data-type=\"post\" data-id=\"44001\">Advanced Custom Fields<\/a> PRO e Fusion White Label Branding.<\/p>\n\n\n\n<p>Come vedremo, il tema ti permetter\u00e0 di <a href=\"https:\/\/supporthost.com\/it\/come-creare-un-sito-web\/\" data-type=\"post\" data-id=\"20334\">creare un sito web<\/a> ottimizzato per qualsiasi tipo di display. Avrai anche a disposizione molte opzioni per configurare al meglio l&#8217;aspetto del tuo sito e adattarlo cos\u00ec allo schermo su cui verr\u00e0 visualizzato: pc, tablet o smartphone.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"qual-e-il-prezzo-di-una-licenza-di-avada\">Qual \u00e8 il prezzo di una licenza di Avada?<\/h3>\n\n\n\n<p>Ora che ti ho illustrato a grandi linee le potenzialit\u00e0 del tema, ti starai sicuramente chiedendo quanto cosa ottenere tutte le funzionalit\u00e0 offerte da Avada, giusto? Bene, ti basta acquistare una licenza su <a href=\"https:\/\/themeforest.net\/\" class=\"rank-math-link\" rel=\"noopener\">Themeforest<\/a> a <strong>60$<\/strong> e con essa avrai anche sei mesi di assistenza.<\/p>\n\n\n\n<p>Una singola licenza sar\u00e0 valida per un singolo dominio e potr\u00e0 anche essere trasferita da un sito ad un altro. <\/p>\n\n\n\n<p>Ad esempio potrebbe essere necessario trasferire la licenza di Avada da un sito di prova a un sito attivo, oppure da un sito dismesso ad uno nuovo. In questo modo si viene incontro alle esigenze di chi sviluppa il sito in locale prima di portarlo online con un <a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\" target=\"_blank\" aria-label=\"hosting WordPress (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">hosting WordPress<\/a> o un <a href=\"https:\/\/supporthost.com\/it\/server-dedicati\/\" class=\"rank-math-link\">server dedicato<\/a> in base alle esigenze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-installare-avada-su-word-press\">Come installare Avada su WordPress<\/h2>\n\n\n\n<p>Dopo aver acquistato il tema e averlo scaricato da Themeforest, ti troverai davanti a un file .zip con all&#8217;interno i file del tema. <\/p>\n\n\n\n<p>Per installare Avada dovrai, quindi, accedere al pannello di controllo del tuo sito, nella barra laterale dovrai cliccare sulla voce <em>Aspetto<\/em> e poi su <em>Temi<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo.png\" alt=\"Installazione Tema Da Pannello Controllo\" class=\"wp-image-14903\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo-300x169.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo-1024x576.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo-768x432.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/installazione-tema-da-pannello-controllo-112x63.png 112w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Si aprir\u00e0 una nuova finestra, relativa ai temi, in cui potrai far click su <em>Aggiungi nuovo<\/em> e nella nuova pagina dovrai cliccare su <em>Carica<\/em> <em>Temi<\/em>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"371\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress.png\" alt=\"Carica Tema WordPress\" class=\"wp-image-14904\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress-300x93.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress-1024x317.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress-768x237.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-tema-wordpress-120x37.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>A questo punto ti baster\u00e0 caricare il file .zip del tuo tema Avada direttamente trascinandolo, oppure facendo click su<em> Scegli file<\/em> e ricercandolo poi sul tuo computer.<\/p>\n\n\n\n<p>Dopo averlo caricato ti baster\u00e0 fare click su <em>Installa adesso<\/em> per procedere all&#8217;installazione. Al termine della procedura un messaggio ti comunicher\u00e0 che il tema \u00e8 stato installato correttamente.<\/p>\n\n\n\n<p>A questo punto potrai attivare il tema direttamente cliccando su <em>Attiva<\/em>. In alternativa, nel caso in cui dovessi ritornare alla pagina dei temi, potrai attivarlo anche da qui come mostrato nell&#8217;immagine sottostante.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"514\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress.png\" alt=\"Attivare Tema Avada WordPress\" class=\"wp-image-14905\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress-300x129.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress-1024x439.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress-768x329.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-tema-avada-wordpress-120x51.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Per ultimare l&#8217;attivazione di Avada, dovrai quindi inserire il codice di registrazione del tuo prodotto. Questo codice deve essere creato dalla pagina dell&#8217;account con cui hai effettuato l&#8217;acquisto della licenza direttamente su Themeforest.<\/p>\n\n\n\n<p>Dopo aver ultimato la registrazione, bisogner\u00e0 anche installare i <strong>plugin<\/strong> necessari al funzionamento del tema. Sono due: il <em>Fusion Core<\/em> e il <em>Fusion Builder<\/em>, non potrai sbagliarti, poich\u00e9 i plugin in questione riportano in alto la dicitura <em>Richiesto<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"479\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada.jpg\" alt=\"Attivare Plugin Richiesti Avada\" class=\"wp-image-14906\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada-300x120.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada-1024x409.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada-768x307.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/attivare-plugin-richiesti-avada-120x48.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Per farlo ti baster\u00e0 accedere alla sezione relativa ai <em>Plugin<\/em> dal pannello di WordPress e poi installarli.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-configurare-avada\">Come configurare Avada<\/h2>\n\n\n\n<p>Avada ti permette di configurare completamente ogni aspetto del tuo sito, nelle <em>Opzioni<\/em>, infatti, ci sono le categorie per poter impostare ogni sezione delle pagine e del sito. <\/p>\n\n\n\n<p>In <em>Layout<\/em>, ad esempio, si pu\u00f2 impostare la larghezza dell&#8217;intera pagina, e dei singoli elementi: contenuto e barre laterali.<\/p>\n\n\n\n<p>Nella sezione <em>Responsive<\/em> \u00e8 possibile scegliere se rendere o meno il sito responsivo, e quindi, far s\u00ec che si adatti automaticamente al dispositivo in cui viene visualizzato. Inoltre, si possono modificare le opzioni in modo da ottimizzare il risultato finale, ad esempio impostando un valore minimo del font in modo che i testi restino ugualmente leggibili.<\/p>\n\n\n\n<p>In <em>colors<\/em> si possono impostare quelli che saranno i colori base del sito, tuttavia, ogni area sar\u00e0 poi modificabile separatamente. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"534\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori.jpg\" alt=\"Opzioni Tema Avada Colori\" class=\"wp-image-14908\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori-300x134.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori-1024x456.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori-768x342.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/opzioni-tema-avada-colori-120x53.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Tramite l&#8217;opzione <em>header<\/em>, invece, si potr\u00e0 gestire l&#8217;intestazione del sito e le relative posizioni e margini oltre al layout stesso. Questa opzione contiene a sua volta delle sottosezioni che permettono, ad esempio, di gestire anche l&#8217;intestazione nella <strong>versione mobile <\/strong>e da tablet.<\/p>\n\n\n\n<p>La sezione <em>Menu<\/em> ti permette di impostare completamente tutti i menu del tuo sito (principale, <em>mega menu<\/em> ed eventuali menu secondari). Anche in questo caso \u00e8 possibile scegliere impostazioni specifiche per il menu della versione mobile. Puoi anche gestire le <strong>icone <\/strong>stesse dei menu, sempre da questa sezione delle opzioni.<\/p>\n\n\n\n<p>Allo stesso modo sotto le voci <em>Footer<\/em>, <em>Page Title Bar<\/em>, <em>Sliding Bar<\/em> e <em>Sidebar<\/em>, troverai le opzioni per personalizzare queste diverse sezioni del tuo sito.<\/p>\n\n\n\n<p>Dall&#8217;opzione <em>Logo<\/em> potrai inserire il tuo logo personalizzato, e anche qui scegliere se utilizzare una versione differente per il sito mobile. Sempre da qui, potrai anche caricare la tua <a href=\"https:\/\/supporthost.com\/it\/favicon-wordpress\/\" data-type=\"post\" data-id=\"75052\">favicon<\/a> e avrai modo di caricare l&#8217;icona in dimensioni diverse in modo che venga visualizzata correttamente anche su iPhone e iPad.<\/p>\n\n\n\n<p>La sezione relativa ai <strong>font <\/strong>dell&#8217;intero sito si trova in <em>Typography<\/em>, con le diverse sottosezioni che ti permetteranno di scegliere i font del <em>corpo del testo<\/em> e quelli delle <em>intestazioni<\/em>.<\/p>\n\n\n\n<p>Le restanti opzioni ti permetteranno di impostare la barra di ricerca, i form del sito, la sezione social, i cookies e cos\u00ec via. Ogni categoria, in ogni caso, \u00e8 abbastanza esplicativa e non sar\u00e0 difficile trovare ci\u00f2 che cerchi, visto che le opzioni sono organizzate anche in modo molto lineare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-usare-avada\">Come usare Avada<\/h2>\n\n\n\n<p>A questo punto hai davanti a te due possibilit\u00e0, la prima \u00e8 quella di costruire il tuo nuovo sito con Avada partendo da zero. La seconda opzione, invece, ovvero quella pi\u00f9 immediata, \u00e8 di iniziare a lavorare sulle <a href=\"https:\/\/avada.theme-fusion.com\/\" class=\"rank-math-link\" rel=\"noopener\">demo<\/a> che questo tema ti offre, che in questo momento sono 72.<\/p>\n\n\n\n<p>Nel secondo caso, per partire da un modello gi\u00e0 impostato, ti baster\u00e0 andare nella sezione <em>websites<\/em> e scegliere uno dei siti gi\u00e0 pronti tra quelli presenti. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"547\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada.png\" alt=\"Importare Modello Demo Avada\" class=\"wp-image-14940\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada-300x137.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada-1024x467.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada-768x350.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/importare-modello-demo-avada-120x55.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>In base al sito scelto potrebbe essere necessario installare anche altri plugin, come WooCommerce. A questo proposito, se ci tieni a <a href=\"https:\/\/supporthost.com\/it\/velocizzare-wordpress\/\" class=\"rank-math-link\">velocizzare WordPress<\/a> ti consiglio di dare un&#8217;occhiata alla mia lista di <a href=\"https:\/\/supporthost.com\/it\/plugin-che-rallentano-wordpress\/\" class=\"rank-math-link\">plugin che rallentano WordPress<\/a>.<\/p>\n\n\n\n<p>Dopo aver scelto il modello, potrai decidere se importare l&#8217;intero contenuto, comprese quindi anche le immagini e post esemplificativi, o selezionare solo ci\u00f2 che ti interessa. A questo punto cliccando su<em> Import<\/em> potrai caricare quella che sar\u00e0 la base del tuo sito web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-modificare-il-tema-con-avada-live\">Come modificare il tema con Avada Live<\/h3>\n\n\n\n<p>Dopo aver importato il tema, potremo modificarlo in ogni sua parte. A partire dalla versione 6, Avada offre, infatti, anche la possibilit\u00e0 di modificare tutto il sito direttamente dal <strong>front-end<\/strong>, cio\u00e8 vedendo man mano i risultati delle nostre modifiche.  <\/p>\n\n\n\n<p>La possibilit\u00e0 di agire direttamente dal front-end, o anche dal back-end ma con un&#8217;interfaccia a blocchi, ne permette l&#8217;utilizzo anche a chi non ha conoscenze sul linguaggio HTML o PHP. Cos\u00ec come accade anche per editor di pagine come <a href=\"https:\/\/supporthost.com\/it\/elementor\/\">Elementor<\/a>.<\/p>\n\n\n\n<p>Applicando direttamente le nostre modifiche, avremo subito un&#8217;idea precisa di come sar\u00e0 la nostra pagina una volta ultimata. Cos\u00ec facendo, non occorrer\u00e0 salvare ogni volta e poi vedere attraverso una nuova scheda l&#8217;anteprima di come apparir\u00e0 il sito. <\/p>\n\n\n\n<p>Per esempio, nel nostro caso abbiamo utilizzato la demo di una landing page, e per iniziare abbiamo modificato il logo di default, inserendone uno caricato da noi, come puoi vedere nell&#8217;immagine in basso. Se \u00e8 proprio ci\u00f2 a cui stai puntando, potresti voler approfondire l&#8217;argomento leggendo come fare per creare un <a href=\"https:\/\/supporthost.com\/it\/landing-page\/\" data-type=\"post\" data-id=\"32501\">landing page efficace<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"586\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo.jpg\" alt=\"Come Usare Avada Live Per Cambiare Logo\" class=\"wp-image-14891\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo-300x147.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo-1024x500.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo-768x375.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-usare-avada-live-per-cambiare-logo-120x59.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Per quanto riguarda il <em>Logo<\/em>, Avada mette a disposizione diverse opzioni. Oltre a poter cambiare l&#8217;allineamento e i margini, ad esempio, \u00e8 anche possibile scegliere un logo differente per la versione mobile del sito.<\/p>\n\n\n\n<p>Ogni modifica che apporteremo verr\u00e0 salvata nella <strong>cronologia<\/strong>, accessibile dall&#8217;icona a forma di orologio. Per annullare le modifiche che abbiamo effettuato, baster\u00e0 quindi cliccare sull&#8217;icona della cronologia delle modifiche.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"577\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live.jpg\" alt=\"Cronologia Modifiche Di Avada Live\" class=\"wp-image-14893\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live-300x144.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live-1024x492.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live-768x369.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/cronologia-modifiche-di-avada-live-120x58.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>In ogni momento potremo anche salvare le modifiche effettuate, semplicemente cliccando su <em>Save<\/em>.<\/p>\n\n\n\n<p>Oltre a modificare le immagini, i testi e i prodotti, potremo anche personalizzare eventuali pulsanti. <\/p>\n\n\n\n<p>In generale ogni elemento pu\u00f2 essere modificato completamente, ma per fare un esempio, nel caso dei <strong>pulsanti<\/strong>, nelle opzioni<em> Generali<\/em> oltre a inserire il link di destinazione si pu\u00f2 modificare il testo visualizzato sul pulsante. C&#8217;\u00e8 anche un&#8217;opzione che permette di scegliere se mostrare il testo tutto in maiuscole.<\/p>\n\n\n\n<p>Nella scheda <em>Design<\/em>, invece, sar\u00e0 possibile personalizzare il pulsante, rendendolo ad esempio 3D, cambiandone le dimensioni e i colori. Abbiamo anche la possibilit\u00e0 di inserire delle icone accanto al testo, come mostrato nell&#8217;esempio qui sotto, in cui ho apportato alcune modifiche a uno dei pulsanti gi\u00e0 presenti.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"586\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live.jpg\" alt=\"Modificare Pulsanti Con Avada Live\" class=\"wp-image-14894\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live-300x147.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live-1024x500.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live-768x375.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/modificare-pulsanti-con-avada-live-120x59.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Ogni elemento che andremo a modificare, potr\u00e0 anche essere salvato nella <em>Libreria, <\/em>in questo modo, quando ne avremo bisogno potremo importarlo nuovamente. Per salvare uno qualsiasi degli elementi basta fare click sull&#8217;icona<em> Save Element<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"533\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria.png\" alt=\"Salvare Elementi In Libreria\" class=\"wp-image-14895\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria.png 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria-300x133.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria-1024x455.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria-768x341.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/salvare-elementi-in-libreria-120x53.png 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Si aprir\u00e0 quindi una nuova finestra in cui potremo dare un nome all&#8217;elemento e salvarlo nella libreria.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"519\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada.jpg\" alt=\"Come Salvare Elemento In Libreria Avada\" class=\"wp-image-14917\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada-300x130.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada-1024x443.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada-768x332.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/come-salvare-elemento-in-libreria-avada-120x52.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-modificare-il-tema-con-avada-builder\">Come modificare il tema con Avada Builder<\/h3>\n\n\n\n<p>A partire dalla versione 7.0 di Avada, il <em>Fusion Builder<\/em> ha cambiato nome, diventando <strong>Avada Builder<\/strong>. Di base, per\u00f2 non sono state effettuate particolari modifiche all&#8217;editor a eccezione, appunto, del nome stesso.<\/p>\n\n\n\n<p>Attraverso l&#8217;Avada Builder, quindi, si possono continuare a fare tutte le operazioni che erano possibili con il Fusion Builder. La costruzione del tuo sito web non sar\u00e0 immediata come quella con Avada Live, ma in alcuni casi potresti preferire questo sistema. In ogni caso, anche con questo Builder un po&#8217; pi\u00f9 <em>classico<\/em>, creare il tuo sito sar\u00e0 semplice.<\/p>\n\n\n\n<p>Anche qualora stessimo apportando delle modifiche attraverso il builder front-end <em>Avada Live<\/em>, sar\u00e0 possibile passare in qualsiasi momento al <strong>back-end<\/strong>, e quindi all&#8217;<em>Avada Builder<\/em>. Per farlo ti baster\u00e0 fare click sull&#8217;icona a forma di X in alto a destra e poi selezionare la voce <em>Exit to page back-end<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"572\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder.jpg\" alt=\"Passare Da Avada Live A Builder\" class=\"wp-image-14897\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder-300x143.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder-1024x488.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder-768x366.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/passare-da-avada-live-a-builder-120x57.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Anche l&#8217;Avada Builder pu\u00f2 essere utilizzato sia per creare un sito da zero, che per modificare un tema di quelli preimpostati che Avada mette a disposizione.<\/p>\n\n\n\n<p>Se non hai familiarit\u00e0 con gli editor ti consiglio di partire proprio da un modello preimpostato. In questo modo, infatti, potrai capire anche come raggruppare i diversi elementi all&#8217;interno della pagina, cos\u00ec da poterli gestire in maniera pi\u00f9 rapida.<\/p>\n\n\n\n<p>Il builder di Avada, infatti, ti permette di raggruppare pi\u00f9 elementi in dei <em>Container<\/em>, in modo da poterli modificare e anche spostare in modo immediato. <\/p>\n\n\n\n<p>Per disporre gli elementi all&#8217;interno di ogni container dovrai creare delle <strong>colonne<\/strong>, che ti permetteranno di inserire degli elementi affiancati (in verticale o in orizzontale). Ogni container, cos\u00ec come le colonne e gli elementi al loro interno possono essere riposizionati utilizzando il <em>drag&amp;drop<\/em>.<\/p>\n\n\n\n<p>Avada, quindi, come ti avevo anticipato all&#8217;inizio di questo articolo, ti permette di lavorare sul tuo sito con semplicit\u00e0, sia da back-end che da front-end in base alle tue necessit\u00e0 e preferenze. Per illustrati meglio le potenzialit\u00e0 di questo tema, di seguito trovi un breve tutorial sulla creazione degli elementi e la gestione della libreria.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"avada-tutorial-su-libreria-e-creazione-degli-elementi\">Avada: tutorial su libreria e creazione degli elementi<\/h3>\n\n\n\n<p>Anche partendo da un tema preimpostato avrai sempre la possibilit\u00e0 di eliminare qualsiasi sezione, o di aggiungere nuovi <strong>elementi<\/strong>.<\/p>\n\n\n\n<p>In Avada avrai elementi a disposizione per tutte le tue esigenze: classici pulsanti, box di ricerca, menu, immagini e cos\u00ec via. Tra gli elementi potrai scegliere anche uno dei tanti <strong>slider <\/strong>che il tema mette a disposizione, ci sono, infatti l&#8217;Avada Slider, lo Slider Revolution, il Media Slider e il Post Slider.<\/p>\n\n\n\n<p>L&#8217;<strong>Avada Slider <\/strong>ad esempio, che prima era conosciuto con il nome di <em>Fusion slider<\/em>, ti permetter\u00e0 di integrare non solo <strong>caroselli <\/strong>di immagini, ma anche di animazioni e video. Avrai modo di impostare la dimensione che preferisci per questo slider e potrai anche scegliere di impostarlo a schermo intero.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"576\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1.jpg\" alt=\"Avada Slider 1\" class=\"wp-image-14899\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1-300x144.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1-1024x492.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1-768x369.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/avada-slider-1-120x58.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>Torniamo alla creazione di un nuovo elemento: per aggiungere un elemento ad una colonna gi\u00e0 creata, ad esempio, ti baster\u00e0 cliccare semplicemente su <em>+Element<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1146\" height=\"608\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento.jpg\" alt=\"Aggiungere Un Nuovo Elemento\" class=\"wp-image-14900\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento.jpg 1146w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento-300x159.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento-1024x543.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento-768x407.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/aggiungere-un-nuovo-elemento-120x63.jpg 120w\" sizes=\"auto, (max-width: 1146px) 100vw, 1146px\" \/><\/figure>\n\n\n\n<p>Come abbiamo visto per gli elementi, nel paragrafo precedente, potrai anche salvare in <strong>libreria<\/strong> intere colonne o interi container, per riutilizzarli all&#8217;occorrenza.<\/p>\n\n\n\n<p>Ogni volta che vorrai aggiungere un nuovo elemento, infatti, potrai scegliere se costruirne uno da zero, o utilizzare uno di quelli che hai gi\u00e0 salvato nella libreria. <\/p>\n\n\n\n<p>Se hai gi\u00e0 salvato in libreria degli elementi, dopo aver cliccato sul pulsante per aggiungere un nuovo elemento, ti baster\u00e0 aprire la scheda <em>Library Elements<\/em> e poi cliccare su quello che vuoi importare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"606\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria.jpg\" alt=\"Carica Elemento Dalla Libreria\" class=\"wp-image-14902\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria.jpg 1200w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria-300x152.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria-1024x517.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria-768x388.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2020\/10\/carica-elemento-dalla-libreria-120x61.jpg 120w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questo articolo ti ho parlato del tema Avada per WordPress e abbiamo avuto modo di vedere perch\u00e9 \u00e8 ancora oggi il tema pi\u00f9 venduto di sempre su Themeforest. Ti ho spiegato come installare e configurare il tema e come utilizzare le demo messe a disposizione per non dover creare dal nulla il tuo sito web.<\/p>\n\n\n\n<p>Abbiamo anche visto cosa offre la nuova funzione Avada Live, che ti permette di modificare il tuo sito direttamente in front-end, e quali differenze ci sono rispetto ad usare l&#8217;Avada Builder.<\/p>\n\n\n\n<p>E tu hai mai provato questo tema per WordPress? Hai qualche dubbio su come fare ad usarlo? Fammelo sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avada \u00e8 uno dei temi pi\u00f9 apprezzati su Themeforest, ovvero una delle principali piattaforme attraverso cui acquistare temi WordPress. Il tema, infatti, conta ad oggi pi\u00f9 23.600 recensioni con una valutazione di 4.76 stelle su 5. In questo articolo ho deciso, quindi, di parlarti delle funzionalit\u00e0 di Avada e dei motivi che lo portano ad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":64078,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-14890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=14890"}],"version-history":[{"count":3,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14890\/revisions"}],"predecessor-version":[{"id":75230,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/14890\/revisions\/75230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/64078"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=14890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=14890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=14890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}