La guida definitiva per creare un dispositivo di scorrimento Divi

Pubblicato: 2020-09-04

Divi di Elegant Themes è uno dei più popolari temi WordPress e page builder disponibili oggi. Questo generatore di pagine è un editor drag and drop in cui puoi creare un intero sito web . Ci sono molti moduli disponibili tra cui puoi scegliere e che semplificano la creazione di un sito web. In questo articolo, introdurrò i moduli slider disponibili in Divi . Inoltre, ti mostrerò un'alternativa al plug-in di scorrimento che può rendere il tuo sito Web più unico.

Moduli Divi Slider

L'uso di uno slider o di un blocco sul tuo sito Web non è una novità al giorno d'oggi. I page builder come Divi hanno già opzioni per creare un modulo slider per la tua pagina, che è la soluzione più semplice e veloce per creare uno slider . Divi offre 3 tipi di moduli slider: uno slider semplice, uno slider video e un modulo slider post.

Moduli di scorrimento Divi
Moduli slider Divi disponibili

Diamo un'occhiata a questi moduli!

Modulo di scorrimento

Il modulo slider Divi può essere un'ottima soluzione se vuoi posizionare uno slider di base sulla tua pagina. Ogni impostazione è all'interno del builder Divi e puoi verificare immediatamente se il design si adatta o meno.

Modulo di scorrimento Divi

Questo dispositivo di scorrimento è un ottimo modulo di scorrimento che puoi utilizzare per mostrare immagini o video, visualizzare del testo e puoi anche inserire un CTA su di esso. Per questo motivo, può essere un modo rapido per creare uno slider eroe. Hai anche opzioni di personalizzazione, come l'impostazione della tipografia, dei colori o dello stile dei tuoi proiettili. Il dispositivo di scorrimento ha un'opzione per impostare un'immagine di sfondo del dispositivo di scorrimento, in cui è possibile regolare le dimensioni dell'immagine. Inoltre, puoi metterci sopra una sovrapposizione. E puoi anche aggiungere un effetto di parallasse che può rendere il tuo sito più professionale.

👍 BUONO
  • Facile da usare
  • Sfondo di parallasse
  • Sfondo video
  • Nascondi il cursore sui dispositivi
👎 MALE
  • Non puoi modificare l'ordine del contenuto della diapositiva
  • Struttura limitata

Dispositivo di scorrimento video

Divi offre un altro modulo slider per creare uno slider video sulla tua pagina. Con questo modulo puoi organizzare i tuoi video . Puoi utilizzare qualsiasi fonte , ad esempio, puoi inserire qualsiasi collegamento YouTube o Vimeo, oppure puoi caricare il tuo video mp4. Quindi sta a te quale vuoi usare. Ci sono opzioni di personalizzazione simili all'altro modulo slider. Inoltre, puoi personalizzare anche le immagini in miniatura e il pulsante di riproduzione.

Modulo di scorrimento video

👍 BUONO
  • Puoi utilizzare qualsiasi tipo di video
  • Un modo semplice per creare una galleria di video
👎 MALE
  • Nessuna opzione di riproduzione automatica
  • Ogni volta che il video riparte dall'inizio

Posta di scorrimento

Posta slider in Divi
La creazione di un dispositivo di scorrimento dei post che cambia dinamicamente è ottimo per mostrare i nostri post più recenti o in primo piano . Divi offre un modulo di scorrimento dei post in cui puoi visualizzare il tuo ultimo post, definire quanti articoli vuoi mostrare e in quale ordine. Puoi impostare l'immagine in primo piano come sfondo della diapositiva, visualizzare il titolo e il meta del post e inserire un pulsante Leggi altro che si collega al post stesso.

👍 BUONO
  • Contenuti che cambiano dinamicamente
  • Puoi scegliere tra le categorie
  • Conteggio e ordine personalizzabili
👎 MALE
  • Design e struttura limitati

Come creare slider Divi migliori?

I moduli slider in Divi sono fantastici ma penso che siano un po' limitati. Se vuoi creare uno slider più personalizzabile , vale la pena trovare un plugin per slider compatibile con Divi. Smart Slider è uno dei migliori plugin per slider in WordPress. Anche la versione gratuita ha fantastiche funzionalità con cui puoi iniziare. Smart Slider ti aiuta a creare design personalizzati e puoi personalizzare ogni livello . Questo plugin ha un modulo Divi, quindi puoi pubblicarlo come al solito.

Si spera che tu voglia sapere come il plug-in Smart Slider 3 può aggiornare la funzionalità del dispositivo di scorrimento Divi. Uno dei miglioramenti più importanti è che puoi creare presentazioni con più di 4 livelli in ordine e posizionamento personalizzati.

Esempio di slider di portfolio a pagina intera

Smart Slider ha un elenco di livelli in cui puoi scegliere tra più tipi di livelli. Le righe e le colonne ti aiutano a strutturarle. Hai la possibilità di allineare i tuoi livelli verticalmente e orizzontalmente, impostare una larghezza massima, cambiare qualsiasi colore o tipografia, in modo da poter creare un design unico . Se non è abbastanza, puoi utilizzare il posizionamento assoluto sui tuoi livelli per progettare il cursore. Combinando i diversi livelli e posizioni, puoi creare siti Web davvero unici con Smart Slider 3 e Divi.

Come usare Smart Slider 3?

Smart Slider è un plug-in di scorrimento disponibile gratuitamente nel repository di WordPress. Basta semplicemente scaricarlo e attivarlo. Quindi puoi iniziare a creare il tuo dispositivo di scorrimento. Esistono molti modelli predefiniti con cui puoi iniziare, ma hai la possibilità di iniziare da zero.

Se sei pronto con il tuo slider, pubblicalo con il modulo Smart Slider Divi.

Modulo Smart Slider

Confronto tra modulo slider Divi e Smart Slider

Consentitemi di confrontare lo slider Divi di base e le versioni gratuite e pro di Smart Slider. Penso davvero che il modulo slider Divi sia un ottimo modulo di Divi, perché ha molte opzioni di personalizzazione ed è all'interno di Divi. Tutto è in un unico posto e non è necessario conoscere una nuova interfaccia. Ma la funzionalità è limitata perché non puoi creare il layout che desideri.

Se desideri un layout più specifico in cui posizionare i livelli dove desideri e puoi creare un contenuto più unico, prendi in considerazione l'utilizzo di Smart Slider 3 . La versione gratuita offre molte funzionalità come il modulo Divi e con Pro non hai limiti.

Vediamo alcune differenze rilevanti!

Modulo di scorrimento Divi
Smart Slider 3 gratuito
Smart Slider 3 Pro
Strati 5 6 23
Opzioni tipografiche
Interfaccia trascina e rilascia
Immagine di sfondo
Video di sfondo mp4, WEBM mp4
Effetto parallasse
Animazioni a strati
Transizioni
Controlli 2 5 7
Variabili dinamiche
Sovrapposizione statica
Riproduzione automatica

Interfaccia

Interfaccia Smart Slider

La differenza principale è l'interfaccia. Non c'è dubbio che Divi semplifichi l'aggiunta di slider al tuo sito Web WordPress. Inserisci semplicemente il testo nei campi impostati e quindi carica alcune immagini e il tuo dispositivo di scorrimento è pronto per l'uso. Tuttavia, quando si tratta di funzionalità e ti consente di creare slider impressionanti, lo slider Divi ha alcune limitazioni. Tuttavia, in Smart Slider, puoi utilizzare un editor di diapositive trascina e rilascia e puoi posizionare i tuoi livelli dove vuoi.

Animazioni ed effetti

Con le modalità di animazione in background puoi facilmente dare vita al tuo design. Divi ha un'opzione di animazione di base, che puoi rallegrare il tuo dispositivo di scorrimento, ma in Smart Slider 3 Pro puoi scegliere tra 3 tipi di animazioni : animazione principale, animazione di sfondo e animazioni di livello uniche.

Controlli personalizzabili

Ogni modulo slider ha opzioni per personalizzare i controlli, ma in Smart Slider hai più modi per renderli unici. Puoi mettere i controlli in altre posizioni, cambiare i colori, la spaziatura o nasconderli su dispositivi diversi. Inoltre in Smart Slider 3 hai opzioni per visualizzare le miniature che puoi creare un cursore per miniature in stile galleria di immagini.

Dispositivo di scorrimento delle miniature gratuito

Riproduzione automatica del dispositivo di scorrimento

Smart Slider offre la riproduzione automatica dello slider, che è una funzionalità popolare nella maggior parte dei plugin di slider. In questo modo il cursore cambia diapositive dopo un po'. Questo può richiamare l'attenzione dei visitatori, ma se non ti piace la riproduzione automatica degli slider, puoi semplicemente disabilitare questa impostazione.

Perché dovresti scegliere Smart Slider 3 come Divi Slider?

Se ti piacciono le cose semplici e basilari, forse non vuoi installare un altro plugin e imparare come funziona per creare uno slider. Divi ha anche moduli slider, quindi perché dovresti usare un plugin diverso per creare uno slider? Vediamo alcune funzionalità che possono aiutarti a decidere se scegliere Smart Slider o meno.

Tipi di slider disponibili in Smart Slider
Tipi di slider in Smart Slider. Riga superiore: semplice (gratuito) e carosello (pro). Riga inferiore: Block (gratuito) e Showcase (Pro)

Motivi per scegliere Smart Slider 3 Free

  • È gratis. La versione gratuita di Smart Slider è disponibile sul repository di WordPress, non è necessario pagarla.
  • La libertà di creare uno slider. Puoi creare un layout complicato grazie alle righe, alle colonne e alle opzioni di posizionamento.
  • Controlli personalizzabili. Usa le frecce, i punti elenco, le miniature e la barra di testo come immaginavi. Posizionali, cambia i loro colori o disattivali se non vuoi visualizzarli.
  • Modelli pronti per l'uso. In Smart Slider 3 puoi iniziare con modelli predefiniti, che sono completamente personalizzabili. Basta cambiare il contenuto o le immagini e hai uno slider pronto.
  • Modelli di Smart Slider gratuiti
    Modelli di Smart Slider gratuiti
  • Slider reattivi. Con il minimo sforzo, puoi creare un dispositivo di scorrimento che sta bene su qualsiasi dispositivo.

Motivi per scegliere Smart Slider 3 Pro

Si spera che ora tu abbia un'idea migliore di come Smart Slider 3 può aggiornare la tua capacità di aggiungere presentazioni di diapositive al tuo sito Web Divi. Ma se non sei ancora sicuro, vediamo alcune funzionalità di Smart Slider 3 Pro!