Evidenziazione del plug-in Divi: DP Testimonials Slider

Le testimonianze sono uno degli elementi più importanti di un sito web aziendale. Esistono diversi modi per creare testimonianze eleganti con Divi, tra cui il modulo testimonianze, il modulo blurb, combinazioni di testo e immagini e altro ancora. Un'altra opzione è quella di utilizzare un plug-in di terze parti che fornisce la gestione delle testimonianze e layout integrati, come DP Testimonials Slider.

DP Testimonials Slider crea un nuovo tipo di post personalizzato chiamato jvt_testimonials. Ti consente di creare le tue testimonianze in un editor e quindi fornisce tre moduli per visualizzare tali testimonianze. Puoi scegliere di mostrare tutte le testimonianze, limitare il numero mostrato e mostrare categorie specifiche. Ciascuno dei moduli include diversi layout tra cui scegliere e puoi modellarli.

Diamo un'occhiata al plugin.

Testimonianze DP

Una nuova voce di menu viene aggiunta alla dashboard chiamata Testimonianze . Facendo clic su di esso viene visualizzato l'elenco delle testimonianze che hai creato.

Seleziona Aggiungi testimonianze e vedrai l'editor in cui puoi creare la testimonianza. Include contenuti, categorie, immagini e informazioni sulla testimonianza. Questo è l'editor che ottieni indipendentemente dal fatto che tu stia utilizzando Gutenberg o l'editor classico.

Le categorie di testimonianze funzionano come le categorie di post. Qui puoi crearli e modificarli.

Moduli Slider Testimonianze DP

Tre moduli vengono aggiunti al Divi Builder:

Vista griglia testimonianze DP

Il DP Testimonial Grid View include le impostazioni per scegliere il layout tra 3 opzioni, impostare il numero di testimonianze che visualizzano, visualizzano e modellano l'icona della citazione, visualizzano l'immagine, visualizzano il collegamento della citazione, scelgono una categoria, regolano il colore dell'impaginazione, il collegamento , eccetera.

Include anche le impostazioni standard Design e Advanced. CSS ti consente di scegliere come target il nome, il nome dell'azienda e la descrizione. Ciascuno dei moduli include queste impostazioni.

Visualizzazione dell'elenco delle testimonianze di DP

La visualizzazione dell'elenco delle testimonianze di DP include 2 layout e aggiunge un'opzione Ordina per , che ti consente di ordinare per età della testimonianza, titolo o casuale.

DP Testimonial Slider

Il DP Testimonial Slider include 56 layout e aggiunge i controlli del cursore. Include Ordina per, riproduzione automatica, velocità, impaginazione, arresto dello scorrimento al passaggio del mouse e limite di visualizzazione del contenuto.

Esempi di visualizzazione della griglia di testimonianze di DP

Questo è il layout 1 che mostra 3 testimonianze. Crea immagini cerchiate e visualizza ogni testimonianza in una scheda con un effetto ombra. Ho lasciato tutto il resto alle impostazioni predefinite.

In questo esempio, sto lavorando al layout 2. Aggiunge uno sfondo con un gradiente. L'ho lasciato come predefinito e ho regolato i colori, le dimensioni e i pesi del testo e il colore dell'icona. L'ho anche impostato per mostrare le testimonianze in ordine casuale.

Nella vista pubblicata le immagini sono circolari e si sovrappongono al riquadro che contiene la testimonianza. Le immagini girano mentre passi il mouse su di esse, come puoi vedere qui.

Elenco testimonianze DP Visualizza esempi

Questo è il layout 1 per la visualizzazione elenco . Ho lasciato tutto alle impostazioni predefinite.

Layout 2 riduce le dimensioni delle immagini e aggiunge un elegante design a scatola con due angoli circolari. Mostra un effetto ombra al passaggio del mouse.

Testimonianze DP Slider Esempi

Per lo slider, ho dovuto usare il Classic Divi Builder. A differenza degli altri due moduli, questo modulo non viene visualizzato quando si utilizza New Divi Builder o Visual Builder. Dispone di 54 layout. Invece di esaminarli tutti, ne esamineremo alcuni.

Questo è il layout 1. Crea immagini cerchiate e non include la navigazione per le diapositive. Puoi regolare i colori dei proiettili.

Questo è il layout 2. Ho aggiunto l'ombra della casella in modo che si distingua dallo sfondo e ho limitato il testo a 50 caratteri. Lo stile è l'impostazione predefinita.

Questo è il layout 3. Rimuove l'immagine. Ho incluso l'ombra della casella e il limite di caratteri dell'esempio precedente.

Questo è il Layout 4 che usa le sue impostazioni predefinite. Vedrò cosa posso fare con lo styling.

Quando scegli un layout, le opzioni di stile di quel layout vengono visualizzate nelle impostazioni del colore. Puoi scegliere un layout diverso, regolare le sue impostazioni e tornare a qualsiasi layout e le sue impostazioni sono ancora lì.

Ho aggiunto uno sfondo in modo che i colori risaltino un po' di più.

Questo è il layout 5. Ho aggiunto uno sfondo leggermente grigio alla sezione e il dispositivo di scorrimento assume quello sfondo.

Questo è il layout 6. Mostra due testimonianze per diapositiva.

Questo è il layout 7. Sto mostrando il testo completo della testimonianza. Mi piace l'immagine che si sovrappone al riquadro della testimonianza.

Questo è il layout 8. Mi piace questo design.

Questo è il layout 9. È simile all'8 nel suo layout, ma ha le sue code di progettazione.

Questo è il layout 10. Crea un bel riquadro attorno all'autore e aggiunge due serie di virgolette.

Per questo set, sto usando un layout a due colonne per mostrare due moduli. Quello di sinistra è il Layout 11 e quello di destra è il Layout 12. Il Layout 11 aggiunge la navigazione in stile standard.

Questo è il layout 14. Include anche i pulsanti di navigazione dei post.

Ecco un altro layout a due colonne con Layout 53 a sinistra e Layout 54 a destra. Layout 54 ha un'animazione interessante per il cursore: la diapositiva si restringe, si sposta rapidamente di lato mentre un'altra si posiziona e la nuova diapositiva cresce per riempire lo spazio.

Questo è il layout 55. Aggiunge uno stile agli angoli e crea un banner per il nome. Mi piace l'uso del colore. Questo include la stessa animazione del Layout 54.

Questo è il layout 56. Rimuove le immagini e crea una bella scatola con un banner per i nomi.

Integrazione dei moduli Caldera

Il sito dell'editore include un modello per Caldera Forms per creare un modulo di presentazione della testimonianza. È incluso nella documentazione scaricabile e contiene le istruzioni per usarlo.

Utilizzando questo modulo, chiunque può inviare una testimonianza tramite il modulo e viene salvata come bozza per la revisione. Invia anche un'e-mail all'amministratore con tutte le informazioni.

Licenza e documentazione

DP Testimonials Slider è disponibile sul sito Web dello sviluppatore. Sono disponibili tre licenze:

• 1 sito – $ 30
• 5 siti – $ 40
• Siti illimitati – $50

La documentazione viene fornita come file scaricabile nella pagina di vendita del plug-in. Include una procedura dettagliata sull'utilizzo del plug-in, le istruzioni per utilizzarlo con Caldera Forms e il modello Caldera Forms.

Pensieri finali

DP Testimonials Slider crea alcune eleganti testimonianze. La creazione di testimonianze e l'utilizzo dei tre moduli sono intuitivi. I moduli di visualizzazione della griglia e dell'elenco hanno funzionato alla grande nel nuovo editor di backend. Per il modulo slider, ho dovuto usare il builder classico. Tutti e tre i plugin funzionano alla grande nel builder classico, quindi se hai accesso ad esso è quello che consiglio fino a quando la funzione di frontend non viene aggiunta al modulo slider.

Anche l'utilizzo del modello Caldera Forms è stato praticamente senza sforzo. Ho appena importato il file JSON e ha funzionato al primo tentativo.

L'unico problema che ho avuto è stato ottenere uno sfondo da mostrare nei moduli. Gli sfondi delle sezioni e delle righe visualizzati con le testimonianze senza problemi. Inoltre, non era chiaro dove sarebbero stati utilizzati i collegamenti social all'interno delle testimonianze. Inoltre, non vengono visualizzati all'interno delle demo sul sito Web dell'editore.

Sono impressionato dal numero di layout che ha il modulo slider. Mi piacciono anche le loro animazioni. Molti scorrono lateralmente, ma ci sono molte altre animazioni scorrevoli tra cui dall'alto verso il basso, riduzione, crescita, ecc. Un prossimo aggiornamento aggiungerà un widget e uno shortcode.

Se sei interessato a gestire le tue testimonianze e a mostrarle con un modulo, vale la pena dare un'occhiata a DP Testimonials Slider.

Vogliamo sentire da voi. Hai provato DP Testimonials Slider? Fateci sapere la vostra esperienza nei commenti.

Immagine in primo piano tramite Blan-k / shutterstock.com