Divi: sulla frontiera del web design con il tema WordPress più potente di sempre

IT_blog_6.-PASCAL_CLARO

Il tema WordPress Divi ti dà accesso a un potentissimo page e theme builder che ti consente di realizzare visivamente ogni singolo aspetto del tuo sito: dalla grafica degli articoli alle pagine prodotto di WooCommerce.

Insieme a Elementor e Brizy, Divi è tra i page builder più usati al mondo!

Guarda il webinar

Divi: il tema WordPress più potente di sempre from SiteGround.com

Quali sono i punti di forza di Divi?

I punti di forza di Divi sono: 

  • l’usabilità e l’estrema intuitività del suo builder, 
  • la disponibilità di centinaia di layout grafici pre impostati e di altissima qualità che ti consentono di creare landing page, e-commerce, blog e siti vetrina dall’aspetto professionale anche se parti da zero,
  • le centinaia di community di supporto sparse per il mondo,
  • le potenzialità infinite grazie alle integrazioni con plugin di ogni tipo.

Rispetto agli altri page builder Divi ha una maggiore attenzione a tutti gli aspetti di web design e fornisce strumenti più immediati per aiutare al meglio anche chi non è un designer professionista.

In questo webinar esploriamo Divi in ogni suo dettaglio e scopriamo insieme se questo fantastico tema WordPress fa per te e se è la scelta giusta per il tuo prossimo progetto online!

Scopri il corso base su Divi di Pascal

Come sempre vi chiedo di commentare il webinar, in modo da avere un feedback su come è andato e su come vorreste che fossero i prossimi. Sentitevi liberi di dare suggerimenti e di richiedere gli argomenti futuri che vorreste fossero affrontati. Consiglio di dare uno sguardo anche agli altri nostri webinar e seguirci sul canale YouTube di SiteGround Italia.

Nota: come al solito eravate tantissimi e non siamo riusciti a  rispondere a tutti. Abbiamo girato le domande a Pascal e qui di seguito trovate le sue risposte.

Le tue domande su Divi

Ho un abbonamento con Elementor, quali sono le ragioni per le quali dovrei passare a Divi?

Divi e Elementor sono entrambi ottimi strumenti, a mio avviso Divi offre più potenzialità per il web design e per la facilità di creazione delle pagine e dei contenuti, Elementor invece è attualmente imbattibile per gli strumenti di marketing come il suo widget di contatto, che funziona anche da optin, e il sistema di popup integrato. Qui trovi un video + post per approfondire il confronto tra Divi e Elementor.

SEO e DIVI: ci potresti dare qualche info su come l’utilizzo di Divi ha effetti sulla SEO?

Divi, come tutti i temi e i page builder premium per WordPress, è perfettamente strutturato per sostenere una buona strategia SEO, è compatibile con Yoast SEO, con Rank Math e con tutti i principali plugin per gestire la SEO del proprio sito. Qui un video dove approfondisco la SEO con Rank Math.

Per migliorare le performance di Divi esistono dei plugin diversi tra cui DIVI Enhancer quale è il migliore e/o il più consigliato?

Per migliorare le performance consiglio vivamente di partire da SiteGround Optimizer se si usa SiteGround come hosting, è uno dei plugin più semplici e efficaci per la gestione dell’ottimizzazione delle performance. Altri plugin che ho testato con Divi e che hanno dato ottimi risultati in termini di performance sono: Autoptimize, WP Rocket, Flying Pages.

Per quanto riguarda la funzione responsive, è necessario modificare ogni singola sezione creata impostandola su modalità smartphone?

Non necessariamente, Divi ha già pre integrata una sua funzione responsive per le sezioni e per i moduli. Se si vogliono personalizzare nel dettaglio le opzioni di visualizzazione si può ricorrere poi alla modifica di ogni impostazione per ogni singolo dispositivo.

Per chi ha già un sito web e vuole passare a Divi (o a Elementor), deve impostare in off il sito web durante la modifica e la definizione del sito nuovo? Oppure il sito vecchio può rimanere pubblico e si può lavorare su quello nuovo nel mentre? 

Di solito l’ideale è creare un’area di staging in locale o online sul proprio spazio hosting. In questa area staging si possono fare tutti i test e si può imbastire il nuovo sito. Una volta terminato il sito si sincronizzano eventuali clienti o iscritti e poi si procede alla sostituzione del sito vecchio con quello nuovo. Io di solito uso plugin come UpdraftPlus Migrator o All in one WP Migration per gestire lo spostamento di qualsiasi sito WordPress. Qui trovi una nostra guida sulla migrazione di siti WordPress.

Anche con Divi è utile costruire il sito sul child?

Certo, l’uso del tema child è sempre indicato in questi casi. Il tema child ti consente di creare delle personalizzazioni avanzate al file functions.php o di inserire personalizzazioni a livello dei file del tema, senza che queste vengano sovrascritte con l’aggiornamento del tema padre.

In Divi nei settings ci sono “Minify And Combine Javascript Files” e “Minify And Combine CSS Files” da attivare . Secondo me non funziona nel migliore dei modi in quanto Google Pagetechnology li indica sempre come lenti e consiglia modifiche. Cosa consigli a riguardo?

Come detto in una delle domande precedenti, consiglio di usare SiteGround Optimizer ed eventualmente fare dei test con altri plugin di ottimizzazione come WP Rocket o simili.

Ho attivo un eCommerce con tema Enfold tramite WooCommerce. Installando Divi posso procedere andando a modificare e personalizzare le pagine già esistenti create con WooCommerce? Se si, ho dei limiti rispetto ad avere il tema Divi nativo anche in termini di velocità?

Non consiglio di mischiare troppi strumenti su uno stesso sito. Enfold è già un tema ricco di potenzialità e di funzioni avanzate, installando la versione plugin del Divi Builder si potrebbe appesantire un po’. Prova a fare dei test su un’area di staging e vedi come reagisce. Altrimenti ti consiglio di provare ripartendo da zero, se ti interessa abbiamo su Imparaqui un corso approfondito su Divi e WooCommerce.

Io mi trovo quasi sempre delle visualizzazioni in modalità smartphone diverse dalla reale visualizzazione che compare sul mio telefono (ho un iPhone 6). Come mai? Può dipendere da qualche mio errore o è un problema di Divi?

Di solito è sempre bene controllare su diversi dispositivi e fare delle eventuali rifiniture usando il CSS. Se le grafiche sono molto diverse rispetto all’anteprima responsive di Divi potrebbe trattarsi di un bug o di qualche opzione settata male. Scrivendo all’assistenza di Divi puoi farti aiutare ulteriormente e capire se si tratta di errori tuoi o bug del builder.

Si può fare una traduzione da Italiano a Francese dei nuovi moduli nella sezione Generatori di temi, con WPML?

Per gestire le traduzioni interne al tema e al page builder suggerisco di usare il plugn Say What? Qui trovi una breve spiegazione su come usarlo con Divi.

Quali sono le performance di DIVI a livello di First Contentful Paint e First Meaningful Paint

Possono variare molto a seconda della quantità di plugin aggiuntivi installati sul tuo sito. Per gestire l’ottimizzazione consiglio SiteGround Optimizer, WP Rocket o simili.

Divi è compatibile con il Plugin WPBakery Page Builder? (nel caso in cui volessi utilizzarlo come variante in una pagina del sito)

Possono coesistere se carichi il Divi Builder nella sua “versione plugin” e se li usi su pagine diverse del sito ma rischi comunque di andare in contro a qualche conflitto. Se vuoi usare Divi solo per alcune landing page valuta di installarlo su un sottodominio o sottocartella.

Certe volte nasce l’esigenza di trasformare in app un sito web. Divi è compatibile con plugin come Web2App?

Non ho mai avuto esperienza di questo tipo di interventi. Il consiglio che ti do è contattare le rispettive assistenze di Divi e di Web2App per sapere il grado di compatibilità e la fattibilità dell’operazione.

Elementor: esploriamo le possibilità del page builder più scaricato al mondo

IT_blog_7.-PASCAL_CLARO

Elementor è un page builder per WordPress rapido e performante che permette a principianti e a professionisti di realizzare siti internet efficaci in poco tempo e con ottimi risultati.

Il grande vantaggio dei page builder come Elementor è quello di poter realizzare visivamente ogni aspetto di un sito: le pagine statiche, la struttura degli articoli e gli archivi del blog, le schede prodotto di un e-commerce, e tantissimo altro! Con Elementor non serve mettere mano al codice o avventurarsi lontano con php, CSS e HTML, ma è sufficiente avere una buona guida iniziale per prendere confidenza con lo strumento.

In questo webinar Pascal Claro, YouTuber, Blogger e Web Designer esperto di WordPress e Web Marketing, fondatore della scuola online di imparaqui.it, ci mostra i passaggi per iniziare a lavorare con Elementor, la configurazione ideale per chi parte da zero e i principali tipi di siti che possono essere realizzati con questo potente strumento.

Sfoglia o scarica la presentazione di Pascal Claro 👇

Elementor: esploriamo le possibilità del page builder più scaricato al mondo from SiteGround.com

Scopri il corso base su Elementor di Pascal

Come sempre vi chiedo di commentare il webinar, in modo da avere un feedback su come è andato e su come vorreste che fossero i prossimi. Sentitevi liberi di dare suggerimenti e di richiedere gli argomenti futuri che vorreste fossero affrontati. Consiglio di dare uno sguardo anche agli altri nostri webinar e seguirci sul canale YouTube di SiteGround Italia.

Nota: come al solito eravate tantissimi e non siamo riusciti a  rispondere a tutti. Abbiamo girato le domande a Pascal e qui di seguito trovate le sue risposte.

[subscribe_cta]

Usare Elementor è alternativo a WordPress?

No. Elementor e Elementor PRO sono dei un plugin per WordPress quindi hanno bisogno di questo CMS per funzionare ed essere utilizzati.

Gutenberg può sostituire Elementor?

Solo per alcune funzioni base di creazione delle pagine. Le funzionalità di Gutenberg sono ancora limitate dal punto di vista della personalizzazione. Usando solamente Gutenberg, allo stato attuale, non è possibile intervenire su header, footer, gestione archivi e liste di post, custom post type, blocchi avanzati per gestione newsletter e form di contatto, ecc. Con Elementor PRO invece, si possono eseguire tutte queste personalizzazioni e si ha una libertà di intervento maggiore rispetto all’editor a blocchi. Probabilmente Gutenberg arriverà agli stessi livelli di Elementor e degli altri page builder fra qualche anno.

Elementor rallenta la velocità del sito? Quanto impatta l’uso di Elementor sulla PageSpeed ed è possibile velocizzare il suo caricamento?

Come tutti i page builder Elementor non è leggero. Per velocizzare il sito bisogna scegliere dei plugin di ottimizzazione come SiteGround Optimizer, WP Rocket o simili e lavorare molto sulla compressione delle immagini, sul limitare il numero di plugin installati, limitare i video e i file embeddati nelle pagine.

Se ho già un sito WordPress con un tema e passo a Elementor (Free o Pro) cosa succede? Devo cambiare tema? Perdo l’attuale design? 

Dipende dal tema che hai. Se è un tema compatibile con Elementor ti basterà installare Elementor e attivarlo sulle pagine che vuoi modificare. Se usi Elementor PRO potrai prendere il controllo del sito passo passo usando le funzione del theme builder, senza paura che si scombinino i contenuti del sito.

Elementor PRO o versione PRO del tema? La versione PRO di Elementor è in grado di far performare al massimo un tema free WP? O l’unica soluzione sarebbe quella di acquistare entrambi, in versione PRO? 

Come ho sottolineato nel webinar: se si usa Elementor PRO il tema diventa inutile, è quindi consigliabile scegliere Hello Elementor o dei temi base compatibili con Elementor. Se si usa Elementor Free allora è sufficiente scegliere un buon tema moderno e compatibile con Elementor (es. Blocksy qui un tutorial su questo tema), in questo secondo caso ci saranno tuttavia molte limitazioni di personalizzazione del sito.

Se acquisto Elementor Pro per un anno, cosa succede al sito se non rinnovo dopo la scadenza?

Semplicemente non si ricevono più gli aggiornamenti del plugin e non si ha più accesso all’assistenza premium sul sito di Elementor. La mancata ricezione di aggiornamenti può portare alla lunga a incompatibilità con WordPress o con temi e plugin di terze parti. Infine si rischia di non ricevere importanti aggiornamenti per la sicurezza.

È possibile creare un questionario con Elementor Pro?

Dipende. Se vuoi creare un semplice form per raccogliere risposte lo puoi fare con il Widget “Modulo” che è molto versatile e contiene campi di ogni tipo: checkbox, testo, radio buttons, ecc. Se però vuoi creare un questionario avanzato con multi step e altre funzioni dedicate, allora serve un plugin esterno.

Posso creare e gestire pagine con lo stesso dominio utilizzando Divi su alcune e Elementor Pro su altre?

Meglio non mischiare i due page builder nella stessa installazione di WordPress, è preferibile usare un sottodominio o una sottocartella.

Elementor va in conflitto con gli elementi del tema? Ad esempio, se voglio creare un footer alternativo, perchè quello del tema non mi piace, posso farlo senza problemi?

Sì, se hai Elementor PRO per creare il piè di pagina, allora il footer del tema verrà sovrascritto. Ricorda comunque che, data la grande varietà di temi, potrebbe capitare che in alcuni casi ci siano dei conflitti.

Scrivendo un articolo in una sezione su un’unica colonna, usando l’editor di testo, non riesco a inserire a metà articolo un’immagine di fianco a un testo (su 2 colonne). E’ possibile?

Per scrivere gli articoli consiglio sempre di usare Gutenberg per i contenuti e Elementor PRO per definire gli elementi dinamici a contorno dell’articolo (autore, immagine in evidenza, post correlati, ecc.). Se vuoi comunque usare Elementor e creare una sezione con testo e immagine su due colonne affiancate dovrai usare il widget “Sezione interna” Per approfondire la creazione di un blog con Elementor invito a seguire il corso Elementor Basic su Imparaqui.