Evidenziazione del plug-in Divi: Divi Plus

Divi Plus è un plug-in di terze parti per Divi che aggiunge oltre 40 moduli e molte nuove funzionalità a Divi Builder. In questo momento saliente del plug-in Divi, esamineremo Divi Plus per vedere cosa può fare per aiutarti a decidere se è il plug-in giusto per la tua cassetta degli attrezzi Divi.

Impostazioni Divi Plus

L'installazione del plugin è semplice. Basta caricare e attivare. Una volta installato, ti consigliamo di attivare diverse funzionalità. Nella dashboard di WordPress, vai su Impostazioni > Divi Plus . La scheda Generale ti consente di selezionare quale dei moduli vuoi avere a disposizione nel Divi Builder. Sono tutti selezionati per impostazione predefinita, quindi puoi lasciare questa scheda così com'è.

La scheda Estensioni ha diverse opzioni. Qui puoi abilitare gli shortcode Divi Library, Scheduler, Visibility Manager e Particle Background per sezioni, righe, colonne e moduli. Tutti questi sono disabilitati per impostazione predefinita. La scheda Integrazioni è dove puoi aggiungere la tua API di Facebook e il nome utente di Twitter.

Shortcode della libreria Divi

Divi Library Shortcodes aggiunge uno shortcode a ogni layout della tua libreria. Puoi copiare questo shortcode e incollarlo ovunque sul tuo sito web Divi che può accettare uno shortcode. Visualizzerà quel layout all'interno di un modulo, barra laterale, ecc.

DP Scheduler

Lo Scheduler ti consente di decidere quando una sezione, riga, colonna o modulo verrà visualizzata in base alla data e all'ora. Avere esso per mostrare o nascondere il contenuto e scegliere il da e per le date e gli orari. Viene aggiunto alle impostazioni di visibilità nella scheda Avanzate.

Responsabile visibilità DP

Il Visibility Manager ti consente di mostrare o nascondere una sezione, riga, colonna o modulo in base allo stato dell'utente. Mostralo a tutti gli utenti, agli utenti registrati o agli utenti disconnessi. Viene aggiunto alle impostazioni di visibilità nella scheda Avanzate.

Sfondo di particelle DP

Le impostazioni Sfondo delle particelle vengono aggiunte all'area Sfondo delle impostazioni della sezione. Lo sfondo non è visibile in Visual Builder. Puoi selezionare il tipo di particella, il numero, la densità, la dimensione, il colore, le opzioni della linea collegata, le opzioni di movimento, l'interattività e molto altro.

Ho aumentato il numero e la dimensione delle particelle per farle risaltare sullo sfondo della mia sezione. Righe e moduli possono essere posizionati su questo.

Tipi di post personalizzati DP Plus

Due nuovi tipi di post personalizzati vengono aggiunti a WordPress. Puoi abilitare Divi Builder per questi tipi di post nelle opzioni del tema nella scheda Builder. Il plugin aggiunge quattro moduli in modo da poter visualizzare i nuovi tipi di post personalizzati come una griglia o all'interno di uno slider.

Testimonianze DP

Ecco la mia lista di post di esempio per DP Testimonials.

Membri del team DP

Ecco la mia lista di post di esempio per i membri del team DP.

Moduli Divi Plus

Divi Plus aggiunge oltre 40 moduli a Divi Builder. Vedremo alcuni dei moduli che si distinguono.

DP Ajax Ricerca

Ajax Search mostra i risultati della ricerca in un popup senza dover ricaricare la pagina.

Ecco la ricerca Ajax che mostra automaticamente i risultati mentre scrivo. Ho assegnato alla casella di ricerca un'ombra di casella verso l'esterno e alla finestra dei risultati un'ombra di casella verso l'interno.

DP pangrattato

Breadcrumbs ti offre due layout tra cui scegliere e può aprire i collegamenti in una nuova scheda.

Orario di lavoro DP

L'orario di lavoro include i sottomoduli per ogni giorno della settimana. Puoi inserire il nome e gli orari e puoi modellarli tutti nel modulo principale o individualmente nei sottomoduli.

Pulsante DP

DP Button ha sottomoduli per creare più tipi di pulsanti. Mostra il testo o aggiungi un'icona. Inoltre, aggiungi del testo secondario. Ogni elemento può essere disegnato in modo indipendente. In questi esempi, ho aggiunto un'icona e cambiato il suo colore, aggiunto uno sfondo e arrotondato i bordi, aggiunto un'ombra di testo e aggiunto un testo secondario e cambiato il suo colore. I pulsanti possono anche essere impostati per la visualizzazione in linea anziché in pila.

Attiva/disattiva contenuto DP

Content Toggle ti consente di aggiungere due contenuti e di alternarli tra loro. Il contenuto può essere testo o un layout Divi. Puoi modellare ciascuno degli elementi in modo indipendente.

Ecco l'interruttore che mostra il secondo contenuto. Il contenuto rientra nella colonna in cui hai posizionato il modulo.

DP FAQSchema della pagina

Il modulo Schema FAQPage include sottomoduli per creare le FAQ. Funzionano come una fisarmonica, il che significa che quella aperta si chiude quando l'utente seleziona un'altra FAQ. Ha un interessante effetto di scorrimento per l'animazione di apertura/chiusura. Le FAQ includono un editor in modo da poter aggiungere testo, media, codice, ecc.

DP Form Styler

Il Form Styler ti consente di selezionare un modulo da Contact Form 7 o Caldera Forms e quindi modellarlo con le opzioni di stile Divi. Il numero di opzioni per lo styling dei singoli elementi delle forme è impressionante. In questo esempio, ho impostato l'allineamento al centro, regolato il peso del carattere per le etichette, arrotondato gli angoli per i campi e il pulsante e aggiunto l'ombra della casella ai campi. Ho anche modellato il pulsante con un'immagine di sfondo e una sovrapposizione, ho aumentato la dimensione del carattere e ho cambiato il colore del carattere.

DP Hotspot

Hotspot ti consente di aggiungere un marcatore a un'immagine. L'indicatore ha un'opzione al passaggio del mouse per rivelare un suggerimento al passaggio del mouse. Può essere un'icona, un testo o un'immagine. Il suggerimento può essere testo o un layout nella tua libreria Divi. Seleziona le icone, regola la loro posizione, cambia i loro colori, dimensioni, ecc.

Ho sostituito l'icona in basso con il testo e ho aggiunto un layout Divi come suggerimento. Il layout include un modulo di testo e un pulsante. I moduli Divi Plus possono essere utilizzati anche in questi layout.

DP Come Schema

Il modulo How To Schema include le impostazioni per aggiungere strumenti, materiali di consumo, la quantità di tempo che ci vorrà e i passaggi per realizzarla. Ciascuno dei passaggi viene aggiunto come sottomodulo. Elementi come strumenti e forniture, tempo e costo hanno sottosezioni e puoi aggiungerne quante ne vuoi. Ciascuno degli elementi può essere stilizzato in modo indipendente.

DP modale

DP Modal crea un popup che puoi controllare con un trigger. L'attivatore può essere un clic su un elemento, al caricamento della pagina o un intento di uscita. Può essere un pulsante, un'immagine, un'icona, un testo, un ID CSS o una classe CSS. Crea l'intestazione, il corpo e il piè di pagina all'interno del modulo.

Quando si fa clic sul trigger, lo sfondo è disattivato e viene visualizzato il modale. Ecco il modale che ho creato usando lo stile predefinito.

Fornisce molte opzioni di stile. Ho aggiunto uno stile al trigger, al testo dell'intestazione, al piè di pagina, all'icona di chiusura, al pulsante di chiusura e ho aggiunto un'immagine al corpo. Entrambi i pulsanti includono anche lo stile al passaggio del mouse.

Lente d'ingrandimento dell'immagine DP

La Lente d'ingrandimento dell'immagine ti consente di posizionare un'immagine all'interno del tuo layout e quando un visitatore passa sopra l'immagine, il suo mouse visualizzerà un'area ingrandita dell'immagine. Ciò consente loro di vedere una parte ingrandita dell'immagine. È possibile impostare la dimensione dell'obiettivo, la velocità, la larghezza del bordo e il colore del bordo.

Slider squadra DP

Team Slider mostra i membri del team con le loro immagini in alto, le abilità mostrate come contatori della barra e le icone dei social network in basso. Ciascuno degli elementi può essere stilizzato separatamente. Ho aggiunto un bordo e un'ombra di riquadro alle immagini.

Griglia di testimonianze DP

Testimonial Grid mostra il tipo di post di testimonianza in uno dei due layout. Il primo visualizza l'immagine in basso. Il secondo visualizza l'immagine in alto. Hai il controllo su quali elementi vengono visualizzati. Scegli il numero di colonne, mostra la valutazione, l'immagine, il nome, ecc.

Cronologia DP

Il modulo Timeline posiziona il contenuto dei sottomoduli su una timeline. Aggiungi un titolo e il contenuto del corpo a ciascun modulo. Puoi fare in modo che gli elementi si alternino o vengano posizionati su un lato della sequenza temporale. Le opzioni di layout includono un albero di icone o un albero di date.

Questo è l'albero delle date. Ho aggiunto immagini e impostato il layout per visualizzare il contenuto a destra dell'albero.

Acquista Divi Plus

Divi Plus è disponibile per l'acquisto nel Divi Marketplace. Ha un utilizzo illimitato del sito Web e un anno di supporto e aggiornamenti. Include anche 20 layout a pagina intera e 200 sezioni in stile. Il prezzo normale è di 79 dollari.

Pensieri finali

Questo è il nostro sguardo a Divi Plus. Questo plugin aggiunge molti nuovi moduli e funzionalità a Divi. Ho trovato tutti i moduli e le impostazioni facili da usare. Ho esaminato solo alcuni dei moduli in questo articolo, ma è facile vedere che ogni modulo ed estensione può aggiungere funzionalità preziose e rifiniture professionali ai tuoi progetti Divi. Se vuoi aggiungere tonnellate di nuove funzionalità a Divi, Divi Plus è un buon punto di partenza.

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

Immagine in primo piano tramite Sky vectors / shutterstock.com