Evidenziazione del plug-in Divi: Divi Essential

Divi Essential è un plug-in di terze parti per Divi che aggiunge oltre 60 nuovi moduli a Divi Builder. I moduli includono molte animazioni e funzionalità di progettazione per dare al tuo sito Web Divi un aspetto professionale. In questo momento saliente del plug-in, esamineremo Divi Essential e vedremo quali tipi di moduli ha per aiutarti a decidere se è il plug-in giusto per le tue esigenze Divi.

Moduli Divi Essential

Carica e attiva il plugin normalmente. Non è richiesta nessun'altra configurazione. Divi Essential aggiunge oltre 60 nuovi moduli a Divi Builder. Nell'elenco dei moduli, sono blu e mostrano una sfumatura viola su un lato al passaggio del mouse. I loro nomi sono descrittivi, rendendo facile capire cosa possono fare. Un paio di nomi non sono così facili da capire all'inizio, ma una volta caricato il modulo sulla tua pagina è ovvio a cosa servono. Vedremo alcuni dei moduli che si distinguono.

Cursore cubo 3D successivo

3D Cube Slider visualizza le diapositive sul lato di un cubo. Il cubo quindi ruota per mostrare la diapositiva successiva. Ciascuna delle diapositive viene creata con sottomoduli. Puoi modellarli insieme o individualmente. A differenza di un vero cubo, puoi avere tutti i lati (o le diapositive) che desideri.

Successivo Blurb

Next Blurb è simile al modulo blurb standard, ma aggiunge diversi nuovi elementi tra cui testo pre e post titolo, sfondi multipli ed effetti 2D e tilt hover. Ho aggiunto più colori di sfondo e abilitato l'effetto di inclinazione in questo esempio. La piastrella può anche includere riflessi e inclinazione inversa.

Pulsante Avanti

Il pulsante Avanti funziona come un pulsante standard ma ha molte impostazioni al passaggio del mouse. Specifica dimensioni, colori e animazioni diverse per i colori, il bordo e l'icona.

Immagine circolare successiva

Immagine circolare mostra l'immagine all'interno di un cerchio e include molte opzioni al passaggio del mouse. Quando passi con il mouse sull'immagine, eseguirà un'animazione e visualizzerà una sovrapposizione con un'intestazione e un contenuto. Il contenuto viene creato con l'editor di testo standard, quindi può includere media e codice. Ci sono 19 effetti al passaggio del mouse tra cui scegliere e puoi selezionare la direzione del passaggio del mouse. Puoi anche aggiungere un bordo colorato all'immagine.

Cursore Coverflow successivo

Coverflow Slider è un interessante dispositivo di scorrimento che visualizza le diapositive come immagini che si sovrappongono l'una all'altra. La diapositiva attuale è la più grande ed è posizionata vicino al centro. Gli altri diventano più piccoli man mano che si allontanano dalla diapositiva corrente. Quando il cursore passa alla diapositiva successiva, le diapositive si spostano in modo che quella al centro sia la più grande.

Prossima recensione Divi

Divi Review può essere utilizzato come modulo persona e come modulo recensione prodotto. Questo modulo funzionerebbe bene durante la revisione e la valutazione dei servizi. Include un'immagine, un sistema di valutazione e un testo con il nome, la posizione e la descrizione. Ha un bordo e un'ombra di casella per impostazione predefinita.

Divisore successivo

Divisore successivo Consente di creare un divisore con un'icona o un'immagine e quindi applicare uno stile ai singoli elementi. Scegli la posizione dell'immagine, cambia la dimensione del divisore, regola il suo colore, spazio, ecc. Questa è una buona opzione per mostrare l'autore di un articolo, un membro del team, un prodotto e molto altro. Ho aggiunto un'immagine e aumentato la larghezza in questo esempio.

Doppio pulsante successivo

Interessante il doppio pulsante. Ha due pulsanti che puoi modellare indipendentemente. Includono molti effetti al passaggio del mouse. Ho aggiunto i due pulsanti insieme e ho dato a ciascuno diversi effetti al passaggio del mouse.

Elenco delle funzioni successive

Elenco funzioni consente di creare un elenco utilizzando i sottomoduli. Mostra un'icona o un'immagine, regola le dimensioni di icone, immagini e testo e personalizza ogni elemento indipendentemente o insieme. In questo esempio, ho aggiunto immagini, aumentato la dimensione dell'immagine e del testo, cambiato il colore del testo per un sottomodulo e dato un altro sottomodulo e il colore del bordo e dello sfondo.

Riquadro al passaggio del mouse dell'immagine successiva

Image Hover Box visualizza un'immagine e quindi sostituisce l'immagine al passaggio del mouse con una sovrapposizione di sfondo, titolo e contenuto. Puoi aggiungere qualsiasi cosa al contenuto che desideri e dare uno stile a ciascuno degli elementi. Scegli tra 13 effetti al passaggio del mouse e 4 direzioni. Le animazioni sono interessanti. Le immagini possono ruotare, capovolgere, ruotare, ingrandire e altro ancora.

Effetto icona immagine successiva

Effetto icona immagine consente di abilitare fino a quattro icone che vengono aggiunte a una sovrapposizione che appare nella parte inferiore di un'immagine al passaggio del mouse. L'overlay mostra anche un'intestazione e un testo. Le icone possono essere collegamenti, come quelli nell'esempio sopra. Questo è un modo interessante per aggiungere pulsanti di follow social o altri collegamenti a un'immagine.

Scorrimento immagine successiva

Image Scroll inserisce un'immagine in una finestra più corta dell'immagine. Quando passi con il mouse sull'immagine, scorrerà all'interno della finestra per rivelare il resto dell'immagine. Include una sovrapposizione e un pulsante. L'overlay scompare al passaggio del mouse. Questo è eccellente per mostrare prodotti come layout Divi, mappe di luoghi o altri tipi di immagini alte.

Prossima Galleria in muratura

Galleria in muratura mostra una galleria in una griglia. Ciascuna delle immagini viene ridimensionata per adattarsi alla griglia. Puoi impostare il numero di colonne, la larghezza della grondaia, aggiungere bordi alle immagini, personalizzare le sovrapposizioni e modellarle come qualsiasi immagine. Facendo clic su un'immagine, la si apre in una lightbox.

Next Mega effetto immagine

Mega Image Effect visualizza un'immagine e la sostituisce con una sovrapposizione e un pulsante al passaggio del mouse.

Include le impostazioni dello sfondo al passaggio del mouse e dello sfondo dei pulsanti. Ecco la sovrapposizione quando si passa con il mouse sull'immagine. Ha anche effetti al passaggio del mouse e effetti di selezione del testo. Ho impostato la sovrapposizione su blu e il testo su bianco.

Prossima scatola promozionale

Promo Box è uno dei moduli più interessanti. È un modulo di presentazione del prodotto e include l'immagine, l'intestazione, il testo prima e dopo l'intestazione, la descrizione, il pulsante e un badge dell'offerta. L'offerta mostra una percentuale di sconto ed è ottima per le vendite in corso. Ciascuno degli elementi può essere stilizzato separatamente.

Flusso del passaggio successivo

Step Flow è una versione interessante di un modulo blurb. Visualizza un passaggio che include un'immagine o un'icona, una freccia, un badge e un contenuto. La freccia può puntare in qualsiasi direzione e puoi regolare gli stili di testo, freccia, badge e cerchio. Questo è ottimo se vuoi visualizzare i passaggi in un ordine numerato e fare in modo che ognuno punti a quello successivo.

Prossima cronologia

Timeline visualizza le schede su una timeline in un layout alternato. Le carte vengono aggiunte come sottomoduli. Visualizza immagini o icone, aggiungi qualsiasi tipo di contenuto desideri, abilita o disabilita il pulsante e modella ogni elemento in modo indipendente. Ho disegnato la prima carta con uno sfondo blu più scuro, testo bianco e un pulsante azzurro. Ho lasciato la seconda carta alle impostazioni predefinite.

Acquista Divi Essential

Divi Essential è disponibile nel Divi Marketplace. Include oltre 60 moduli e l'accesso a oltre 500 layout progettati professionalmente utilizzando i moduli. Il costo normale è di $ 79 per l'utilizzo illimitato del sito Web e include 1 anno di supporto e aggiornamenti.

Pensieri finali

Questo è il nostro sguardo a Divi Essential. Ci sono molti moduli e opzioni in questo plugin di terze parti per Divi. Ho solo scalfito la superficie di ciò che possono fare. L'utilizzo dei moduli e delle relative impostazioni è stato intuitivo come qualsiasi modulo Divi.

Alcuni di essi, come i moduli dei membri del team oi moduli di testo, sembrano essere combinati con le loro opzioni come selezioni all'interno del modulo. Ciò non toglie alla grande quantità di opzioni che forniscono e probabilmente le rende più facili da usare poiché puoi caricare un modulo con le caratteristiche esatte che desideri.

Ci sono molti moduli e opzioni in questo plugin. Se sei interessato ad aggiungere molti nuovi moduli al tuo sito web Divi, Divi Essential è un'ottima scelta.

Vogliamo sentire da voi. Hai provato Divi Essential? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Inspiring / shutterstock.com