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.

Accessibilità nella nostra nuova Area Cliente e Site Tools

Come probabilmente saprai, abbiamo recentemente introdotto le nostre nuove interfacce integrate per l’account di hosting e la gestione del sito web. Una cosa di cui siamo veramente orgogliosi sia nel design dell’Area Cliente che nel Site Tools è l’attenzione prestata all’accessibilità web. Abbiamo investito seriamente nell’implementazione di molteplici funzionalità che rendono il nostro servizio più facile da usare per tutti, comprese le persone con diversi livelli di disabilità motorie o visive.

Temi ad alto contrasto in entrambe le interfacce

I nostri designer, con l’aiuto di tester e consulenti di accessibilità, hanno creato temi ad alto contrasto ottimizzati per l’accessibilità visiva. Visualizzare un contenuto ad alto contrasto è generalmente più facile da comprendere, leggere e navigare e si è dimostrato utile per alcune condizioni degli occhi.

Le impostazioni ad alto contrasto sono ottime anche se lavori all’aperto e hai bisogno di un aiuto per contrastare l’abbagliamento del sole. Abbiamo aggiunto temi standard chiari e scuri a contrasto in modo che ogni utente possa scegliere la migliore combinazione di colori.

Puoi anche abilitare l’opzione Easy Read Font, che è specificamente progettata per migliorare la leggibilità. Questo rende il font nella dashboard dell’Area Cliente e Site Tools più gradevole visivamente e di facile lettura.

Per gestire le impostazioni del tema e dei caratteri, clicca sull’immagine del profilo, o sulle iniziali, nell’angolo in alto a destra > Aspetto.

Gestione Tastiera

La gestione della tastiera, o la funzionalità per navigare in un sito web solo con la tastiera, è essenziale per le persone che hanno bisogno di utilizzare le opzioni di lettura dello schermo per navigare e leggere i contenuti web, nonché per gli utenti che sono permanentemente o temporaneamente incapaci di utilizzare mouse e touchpad per una serie di ragioni.

Oltre a un must per l’accessibilità, l’implementazione della gestione della tastiera generalmente rende la navigazione attraverso diversi strumenti e pagine più veloce e più conveniente per gli utenti che trascorrono molto tempo a gestire il proprio sito e modificare più impostazioni. Puoi provarlo tu stesso – inizia con la scheda per spostarti tra gli elementi e clicca su invio quando vuoi attivare un interruttore o accedere a un menu.

Supporto Screen Reader

Un numero considerevole di utenti web fa molto affidamento sull’utilizzo di un software di lettura dello schermo per la navigazione sul web a causa di disabilità visive permanenti o temporanee. In generale, solo avere un buon codice è sufficiente per rendere il tuo sito leggibile per la maggior parte dei lettori di schermo.

Tuttavia, un’applicazione web con una varietà di strumenti personalizzati, elementi e impostazioni diverse come l’Area Cliente e Site Tools ha bisogno di un po’ più di lavoro per renderla accessibile agli utenti di screen reader. Abbiamo dedicato molto tempo a ricercare, sviluppare e testare ogni pagina in entrambe le interfacce per assicurarci che il contenuto sia leggibile nei più popolari programmi software di screen reader come JAWS, NVDA e Voice Over.

Implementare il supporto dello screen reader per i complessi componenti necessari per gli strumenti di web hosting era un territorio ancora inesplorato per noi. Abbiamo iniziato l’implementazione seguendo gli standard di accessibilità stabiliti e lungo la strada, abbiamo invitato esperti di accessibilità con diverse disabilità visive ad aiutarci a testare e migliorare ciò che abbiamo fatto. Lavorare a stretto contatto con loro e osservare come il nostro lavoro ha permesso alle persone di fare cose che prima non erano in grado di fare ha portato risultati concreti ai nostri sforzi.

Qual è il prossimo passo?

Consideriamo le implementazioni sopra descritte essenziali per qualsiasi pagina web. E mentre di sicuro coprono già molte esigenze di accessibilità delle persone, vogliamo andare ancora oltre e rendere l’Area Cliente e Site Tools il più accessibili e facili da usare possibile. Per fare ciò, nelle prossime settimane rilasceremo funzionalità aggiuntive di accessibilità come un font di facile lettura.

Aiutaci a rendere il nostro prodotto ancora più accessibile

Comprendiamo che a causa della diversità delle esigenze degli utenti e della varietà di diversi software, browser e dispositivi utilizzati, alcune funzionalità potrebbero non essere ancora state incluse. Detto questo, lavoriamo costantemente per migliorare l’accessibilità di entrambe le interfacce e ci piacerebbe ricevere i tuoi suggerimenti e feedback su ciò che abbiamo fatto finora.

Se stai utilizzando una delle funzionalità di accessibilità e noti qualcosa che potrebbe essere migliorato, o hai problemi ad accedere a contenuti specifici, scrivici nella sezione commenti qui sotto.

[subscribe_cta]

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.

Pacchetti di hosting personalizzati e ruoli per i tuoi clienti

custom-hosting-package

Siamo entusiasti di introdurre due nuove funzionalità sui nostri piani Cloud, create appositamente per Site Tools: i pacchetti di hosting e i ruoli dei clienti. La funzione Pacchetti di hosting ti consente di personalizzare le risorse per ciascuno dei siti ospitati sul tuo cloud, mentre la funzione Ruoli, ti consente di specificare quali strumenti di gestione del sito saranno disponibili per i tuoi clienti.

Continue reading “Pacchetti di hosting personalizzati e ruoli per i tuoi clienti”

Come e cosa migliorare per avere successo nel lavoro da remoto e smart working

IT_blog_21.-ALBERTO_MATTEI

C’è un’immagine stereotipata attorno al mondo dello smart working e del lavoro da remoto che purtroppo è abbastanza lontana dalla verità. Lavorare da remoto in modo produttivo non è per niente semplice.

Per essere un “remote worker” di successo non bastano le tecniche e gli strumenti giusti. Per rimanere produttivi ed essere soddisfatti del proprio lavoro, occorre sviluppare consapevolezza, avere molta disciplina e proattività. 

L’ospite di questo webinar è Alberto Mattei, ideatore e fondatore di nomadidigitali.it, un progetto collaborativo e autofinanziato che nasce con l’obiettivo di diffondere in Italia il nomadismo digitale e la cultura del lavoro da remoto.
Alberto ci mostra il significato di lavoro da remoto e smart working e come approcciarsi al meglio a queste modalità di lavoro.

Sfoglia o scarica la presentazione di Alberto Mattei 👇

Come e cosa migliorare per avere successo nel lavoro da remoto from SiteGround.com

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.

[subscribe_cta]

Le novità di WordPress 5.4

WP 5.4 blog-post-1200x600_IT

Il 31 marzo 2020 è stato rilasciato WordPress 5.4. L’ultima versione prende il nome dal trombettista americano Nat Adderley, continuando così la tradizione di usare nomi di musicisti jazz per tutte le nuove release di WordPress.

Grazie al supporto di SiteGround, che ha donato le mie ore al progetto open source WordPress.org, ho avuto l’onore di essere coinvolta per la seconda volta come co-lead della versione, nel ruolo di coordinatore.

Continue reading “Le novità di WordPress 5.4”

Affronta l’emergenza migliorando le tue competenze

April_Webinar_Blog_1200х600_2

In questo periodo unico che stiamo tutti vivendo, sono diverse le iniziative che in SiteGround abbiamo messo in campo per cercare di fronteggiare al meglio la situazione e andare incontro a professionisti e imprese. Un modo per affrontare l’emergenza e trarre il massimo dalla situazione è sfruttare il tempo a casa per aumentare le nostre conoscenze, imparare cose nuove e metterci in gioco in modo diverso da come abbiamo mai fatto.

Per questo abbiamo deciso di creare una serie di webinar gratuiti nel mese di Aprile (uno a settimana) che possano darvi spunti di riflessione e nuove competenze, per gestire al meglio i vostri progetti online.

Continue reading “Affronta l’emergenza migliorando le tue competenze”