I nostri 10 migliori tutorial Divi del 2019

Quest'anno è stato il nostro più grande anno di sempre per i contenuti Divi sul blog Elegant Themes. Abbiamo pubblicato centinaia di post, inclusi alcuni dei nostri migliori tutorial di sempre. In questo post ho voluto cogliere l'occasione per evidenziare l'ottimo lavoro della nostra redazione mettendo in evidenza i nostri dieci tutorial Divi più popolari (più visitati durante l'anno). E, naturalmente, per ricordare a tutti voi, alla community, solo alcune delle nostre migliori risorse Divi a vostra disposizione.

I nostri 10 migliori tutorial Divi del 2019

1. La guida definitiva per velocizzare il tuo sito web Divi

In effetti, Divi ha molti miglioramenti delle prestazioni che sono stati aggiunti negli aggiornamenti precedenti che hanno reso i siti Divi (e Divi Builder) più veloci che mai. Inoltre, Divi è stato creato pensando all'ottimizzazione di terze parti. Molti dei plug-in di ottimizzazione delle prestazioni utilizzati per WordPress possono essere utilizzati anche per aumentare le prestazioni di velocità per il tuo sito Web Divi.

In questo post, esploreremo cosa è stato già fatto per velocizzare Divi e cosa possiamo fare per renderlo ancora più veloce.

Leggi questo post

2. Come creare un sito Web multilingue con Divi o Extra e WPML

Creare un sito web multilingue con Divi ed Extra è facile. Entrambi WPML ready, il che significa che puoi creare un sito Web multilingue con Divi ed Extra. WPML ha apportato modifiche che migliorano la compatibilità con Divi ed Extra e ha aggiunto funzionalità che rendono ancora più semplice tradurre il tuo sito web. In questo articolo vedremo come creare un sito web multilingue con Divi o Extra e WPML.

Leggi questo post

3. 5 stili di moduli di intestazione Divi creativi che puoi ottenere utilizzando le impostazioni integrate

Fuori dalla scatola, il modulo Divi Header può creare design di intestazione sorprendenti con solo poche regolazioni. Questo lo rende un modulo estremamente popolare quando si progettano intestazioni per il tuo sito Web in Divi. E con un piccolo pensiero fuori dagli schemi, puoi creare alcuni design davvero unici usando solo le impostazioni integrate (nessun CSS personalizzato). Quindi, per quelli di voi che vogliono esplorare alcuni nuovi design di intestazioni, vi mostrerò 5 stili di moduli di intestazione Divi che potrebbero ispirarvi.

Leggi questo post

4. Modifica del numero di colonne nel modulo Divi Gallery in diversi punti di interruzione

Il modulo Divi Gallery ti consente di creare bellissime gallerie di immagini in un layout a griglia reattivo. La galleria è considerata reattiva perché ridimensionerà le dimensioni delle tue immagini e regolerà il numero di colonne nella griglia in base alle diverse larghezze del browser.

Per impostazione predefinita, il modulo Galleria ha tre punti di interruzione (punti in cui lo stile cambia a determinate larghezze del browser) che regolano il numero di colonne nella griglia. Mostrerà la tua galleria di immagini in quattro colonne sul desktop e quindi suddividerà in tre colonne su tablet, due colonne su tablet piccoli (e telefoni grandi) e una colonna su telefoni.

Questa configurazione predefinita di solito funziona nella maggior parte dei casi, ma a volte potrebbe essere necessario un maggiore controllo sul numero di colonne visualizzate su determinate larghezze del browser. Ecco perché in questo tutorial ti mostreremo come avere il controllo completo sul numero di colonne visualizzate nel modulo Divi Gallery non solo per desktop, ma anche per tre punti di interruzione aggiuntivi del browser.

Leggi questo post

5. Come creare un'intestazione globale personalizzata con Divi's Theme Builder

Ora che il Theme Builder è qui, non vediamo l'ora di tuffarci in nuovi tutorial che ti aiuteranno a configurare il tuo sito Web dalla A alla Z. Ciò include la creazione di intestazioni personalizzate utilizzando l'opzione integrata di Divi. In questo tutorial, ci concentreremo sulla creazione di un'intestazione globale utilizzando Divi's Theme Builder. Un'intestazione globale verrà visualizzata ovunque sul tuo sito Web, a meno che tu non abbia assegnato un'intestazione diversa a quella pagina o post.

Leggi questo post

6. Come creare flip card con qualsiasi modulo in Divi senza plug-in

Le Flip Card sono un modo divertente per gli utenti di interagire con il tuo sito web. Non solo fornisce una fantastica animazione flip, ma ti consente anche di offrire informazioni aggiuntive in un'unica posizione concisa. In questo tutorial, ti mostrerò come trasformare i moduli Divi in ​​schede a fogli mobili senza utilizzare un plug-in! Con questo metodo, sarai in grado di utilizzare un modulo Divi come parte anteriore di una carta e un altro modulo Divi come parte posteriore di una carta. Puoi persino progettare ogni modulo (fronte e retro) come preferisci usando il divi builder. La funzionalità viene realizzata tramite pochi frammenti di CSS (no jquery).

Leggi questo post

7. Modi semplici e creativi per visualizzare i loghi aziendali in Divi

Ci sono molti motivi per visualizzare i loghi aziendali sul tuo sito web. Una sezione "In primo piano" dei loghi aziendali potrebbe influenzare i potenziali investitori o partner. Oppure una sezione "I nostri clienti includono" potrebbe stabilire una preziosa prova sociale con i visitatori. Ma qualunque sia la ragione, è importante sapere come aggiungere questi loghi al tuo sito web. In questo tutorial, esaminerò tre diversi metodi per aggiungere loghi aziendali al tuo sito Web con Divi. Ti mostrerò anche come aggiungere gallerie di loghi a qualsiasi modulo Divi!

Leggi questo post

8. 5 modi fantastici per modellare il modulo di testimonianza di Divi

L'unica cosa che i visitatori cercano sempre su un sito web sono le testimonianze. Rappresentano credibilità e influenzano il processo decisionale che i lead o i potenziali clienti hanno quando visitano il tuo sito web. Oltre ad assicurarti di avere testimonianze forti da condividere, anche renderle visivamente accattivanti gioca un ruolo importante. In questo post, ti mostreremo 5 fantastici modi in cui puoi modellare il modulo Testimonianze Divi utilizzando solo le opzioni integrate.

Leggi questo post

9. Come personalizzare il tuo Divi Slider per modificare elementi specifici con ogni diapositiva

Sappiamo tutti che i cursori sono meravigliosi per massimizzare quella sezione principale above the fold del tuo sito web. Sono grandi! Gli utenti sono accolti con più CTA e importanti funzionalità che scorrono in vista senza mai dover scorrere la pagina. Ma a volte troppi cambiamenti nel design e nel contenuto da una diapositiva all'altra possono distrarre o sopraffare i visitatori. Ecco perché in questo tutorial ti mostrerò come personalizzare il tuo slider Divi per cambiare solo elementi specifici con ogni transizione della diapositiva. Ciò ti consente di mantenere coerenti i contenuti principali e i componenti di progettazione del tuo dispositivo di scorrimento mentre cambi solo un elemento specifico (come una singola parola o pulsante) con ogni diapositiva. I visitatori saranno in grado di elaborare facilmente la modifica e comprendere chiaramente il tuo invito all'azione.

Leggi questo post

10. Come creare uno slider personalizzato per la galleria fotografica in Divi

Sappiamo tutti che gli slider sono ottimi per attirare gli utenti con servizi, prodotti o pagine in primo piano in una comoda posizione above the fold. Alcuni siti (penso ai fotografi) devono presentare una o più delle loro gallerie fotografiche nella home page. L'uso di un dispositivo di scorrimento per questo può essere una buona opzione. Tuttavia potresti non aver considerato di inserire la tua galleria fotografica in uno slider come questo.

In questo tutorial, ti mostrerò un modo semplice per incorporare gallerie di immagini Divi nelle tue diapositive per creare uno slider per gallerie fotografiche completamente personalizzato in Divi. Il trucco è creare una galleria di immagini di WordPress nell'area del contenuto del tuo dispositivo di scorrimento. Quindi devi solo assicurarti e selezionare l'opzione per utilizzare la Galleria Divi invece dello stile predefinito della Galleria di WordPress. È super facile e divertente da implementare.

Leggi questo post

In conclusione

Ogni anno i tipi di contenuti Divi su cui ci concentriamo dipendono molto da quali nuove funzionalità vengono rilasciate. Riteniamo che sia meglio complimentarmi con le nuove versioni di funzionalità con molti nuovi tutorial che insegnano alla gente come usarlo e persino spingono queste funzionalità ai loro limiti in modi interessanti. Tuttavia, questo approccio significa che saltiamo molto e potremmo aver lasciato alcuni argomenti scoperti. Quindi, se hai una richiesta di tutorial Divi che possiamo affrontare per te nel nuovo anno, condividila qui sotto nella sezione commenti e la aggiungeremo alla coda!

Immagine in primo piano tramite hobbit / shutterstock.com