Divi-Plugin-Highlight: DP-Testimonials-Slider

Testimonials sind eines der wichtigsten Elemente einer Unternehmenswebsite. Es gibt mehrere Möglichkeiten, mit Divi elegante Testimonials zu erstellen, darunter das Testimonial-Modul, das Klappentext-Modul, Kombinationen aus Text und Bildern und mehr. Eine andere Möglichkeit ist die Verwendung eines Drittanbieter-Plugins, das Testimonial-Management und integrierte Layouts bietet, wie z. B. DP Testimonials Slider.

DP Testimonials Slider erstellt einen neuen benutzerdefinierten Beitragstyp namens jvt_testimonials. Sie können Ihre Testimonials in einem Editor erstellen und bietet dann drei Module zum Anzeigen dieser Testimonials. Sie können wählen, ob Sie alle Testimonials anzeigen, die angezeigte Anzahl begrenzen und bestimmte Kategorien anzeigen möchten. Jedes der Module enthält mehrere Layouts zur Auswahl und Sie können sie gestalten.

Werfen wir einen Blick auf das Plugin.

DP-Testimonials

Dem Dashboard wird ein neuer Menüpunkt namens Testimonials hinzugefügt. Wenn Sie darauf klicken, wird die Liste der von Ihnen erstellten Testimonials angezeigt.

Wählen Sie Testimonials hinzufügen und Sie sehen den Editor, in dem Sie den Testimonial erstellen können. Es umfasst Inhalte, Kategorien, Bilder und Testimonial-Informationen. Dies ist der Editor, den Sie erhalten, unabhängig davon, ob Sie Gutenberg oder den Classic Editor verwenden.

Testimonial-Kategorien funktionieren genauso wie Post-Kategorien. Hier können Sie diese erstellen und bearbeiten.

DP Testimonials Slider Module

Dem Divi Builder werden drei Module hinzugefügt:

DP Testimonial Grid-Ansicht

Die DP Testimonial Grid View enthält Einstellungen, um das Layout aus 3 Optionen auszuwählen, die Anzahl der angezeigten Testimonials festzulegen, das Zitatsymbol anzuzeigen und zu gestalten, das Bild anzuzeigen, den Zitatlink anzuzeigen, eine Kategorie auszuwählen, die Paginierungsfarbe und den Link anzupassen , etc.

Es enthält auch die Standardeinstellungen für Design und Erweitert. Mit CSS können Sie den Namen, den Firmennamen und die Beschreibung gezielt ansprechen. Jedes der Module enthält diese Einstellungen.

DP-Testimonial-Listenansicht

Die DP Testimonials Listenansicht enthält 2 Layout und fügt eine Order By - Option, so dass Sie , um nach Alter der Bewertung, Titel oder zufällig.

DP-Testimonial-Slider

Der DP Testimonial Slider umfasst 56 Layouts und fügt Slider-Steuerelemente hinzu. Es umfasst Sortieren nach, Autoplay, Geschwindigkeit, Paginierung, Stop-Sliding bei Maus-Hover und Anzeigeinhaltsbegrenzung.

DP Testimonials Beispiele für Rasteransichten

Dies ist Layout 1 mit 3 Erfahrungsberichten. Es erstellt eingekreiste Bilder und zeigt jedes Testimonial in einer Karte mit einem Schatteneffekt an. Alles andere habe ich auf den Standardeinstellungen belassen.

In diesem Beispiel arbeite ich an Layout 2. Es fügt einen Hintergrund mit einem Farbverlauf hinzu. Ich habe dies standardmäßig belassen und die Textfarben, -größen und -stärken sowie die Symbolfarbe angepasst. Ich habe es auch so eingestellt, dass Testimonials in zufälliger Reihenfolge angezeigt werden.

In der veröffentlichten Ansicht sind die Bilder kreisförmig und überlappen die Box, die das Testimonial enthält. Die Bilder drehen sich, wenn Sie mit der Maus darüber fahren, wie Sie hier sehen können.

Beispiele für die Listenansicht von DP-Testimonials

Dies ist Layout 1 für die Listenansicht . Ich habe alles auf den Standardeinstellungen belassen.

Layout 2 verkleinert die Bilder und fügt ein elegantes Box-Design mit zwei kreisförmigen Ecken hinzu. Es zeigt einen Schatteneffekt beim Schweben.

DP-Testimonials Slider-Beispiele

Für den Slider musste ich den Classic Divi Builder verwenden. Im Gegensatz zu den anderen beiden Modulen wird dieses Modul nicht angezeigt, wenn Sie den New Divi Builder oder den Visual Builder verwenden. Es hat 54 Layouts. Anstatt alle zu betrachten, werden wir uns einige ansehen.

Dies ist Layout 1. Es erstellt eingekreiste Bilder und beinhaltet keine Navigation für die Folien. Sie können die Aufzählungsfarben anpassen.

Dies ist Layout 2. Ich habe den Boxschatten hinzugefügt, damit er sich vom Hintergrund abhebt und den Text auf 50 Zeichen begrenzt. Das Styling ist die Standardeinstellung.

Dies ist Layout 3. Es entfernt das Bild. Ich habe den Boxschatten und die Zeichenbegrenzung aus dem vorherigen Beispiel eingefügt.

Dies ist Layout 4 mit seinen Standardeinstellungen. Ich werde sehen, was ich mit dem Styling machen kann.

Wenn Sie ein Layout auswählen, werden die Stiloptionen dieses Layouts in den Farbeinstellungen angezeigt. Sie können ein anderes Layout auswählen, seine Einstellungen anpassen und zu einem beliebigen Layout zurückkehren und seine Einstellungen sind immer noch vorhanden.

Ich habe einen Hintergrund hinzugefügt, damit die Farben ein wenig mehr zur Geltung kommen.

Dies ist Layout 5. Ich habe dem Abschnitt einen leicht grauen Hintergrund hinzugefügt und der Schieberegler übernimmt diesen Hintergrund.

Dies ist Layout 6. Es zeigt zwei Testimonials pro Folie.

Dies ist Layout 7. Ich zeige den vollständigen Testimonial-Text. Ich mag das Bild, das die Testimonialbox überlappt.

Dies ist Layout 8. Ich mag dieses Design.

Dies ist Layout 9. Es ähnelt in seinem Layout 8 , hat jedoch seine eigenen Design-Warteschlangen.

Dies ist Layout 10. Es erstellt eine schöne Box um den Autor und fügt zwei Sätze von Anführungszeichen hinzu.

Für dieses Set verwende ich ein zweispaltiges Layout, um zwei Module anzuzeigen. Das linke ist Layout 11 und das rechte Layout 12. Layout 11 fügt eine Navigation im Standardstil hinzu.

Dies ist Layout 14. Es enthält auch die Post-Navigationsschaltflächen.

Hier ist ein weiteres zweispaltiges Layout mit Layout 53 links und Layout 54 rechts. Layout 54 hat eine interessante Animation für den Schieberegler – die Folie wird verkleinert, bewegt sich schnell zur Seite, während eine andere eingefügt wird, und die neue Folie wächst, um den Raum auszufüllen.

Dies ist Layout 55. Es fügt einige Ecken-Styling hinzu und erstellt ein Banner für den Namen. Ich mag die Verwendung von Farbe. Dieser enthält dieselbe Animation wie Layout 54.

Dies ist Layout 56. Es entfernt die Bilder und erstellt eine schöne Box mit einem Banner für die Namen.

Integration von Caldera-Formularen

Die Website des Herausgebers enthält eine Vorlage für Caldera Forms, um ein Formular zur Einreichung von Testimonials zu erstellen. Es ist in der herunterladbaren Dokumentation enthalten und enthält Anweisungen zu seiner Verwendung.

Mit diesem Formular kann jeder einen Erfahrungsbericht über das Formular einreichen und er wird als Entwurf gespeichert, damit Sie ihn überprüfen können. Es sendet auch eine E-Mail mit allen Informationen an den Administrator.

Lizenz und Dokumentation

Der DP-Testimonials-Slider ist auf der Website des Entwicklers verfügbar. Es stehen drei Lizenzen zur Verfügung:

• 1 Seite – $30
• 5 Seiten – $40
• Unbegrenzte Websites – $50

Die Dokumentation wird als herunterladbare Datei auf der Verkaufsseite des Plugins bereitgestellt. Es enthält eine exemplarische Vorgehensweise zur Verwendung des Plugins, Anweisungen zur Verwendung mit Caldera Forms und die Caldera Forms-Vorlage.

Gedanken beenden

DP Testimonials Slider erstellt einige elegante Testimonials. Das Erstellen von Testimonials und die Verwendung der drei Module sind intuitiv. Die Raster- und Listenansichtsmodule funktionierten im neuen Backend-Editor hervorragend. Für das Slider-Modul musste ich den klassischen Builder verwenden. Alle drei Plugins funktionieren im klassischen Builder hervorragend. Wenn Sie also Zugriff darauf haben, empfehle ich das, bis die Frontend-Funktion zum Slider-Modul hinzugefügt wird.

Sogar die Verwendung der Caldera Forms-Vorlage war praktisch mühelos. Ich habe gerade die JSON-Datei importiert und es hat beim ersten Versuch funktioniert.

Das einzige Problem, das ich hatte, war, einen Hintergrund in den Modulen zu zeigen. Die Abschnitts- und Zeilenhintergründe werden problemlos mit den Testimonials angezeigt. Außerdem war nicht klar, wo die sozialen Links in den Testimonials verwendet werden würden. Sie werden auch nicht in den Demos auf der Website des Herausgebers angezeigt.

Ich bin beeindruckt von der Anzahl der Layouts, die das Slider-Modul hat. Ich mag auch ihre Animationen. Viele gleiten von der Seite, aber es gibt viele andere gleitende Animationen, einschließlich von oben nach unten, verkleinern, wachsen usw. Ein bevorstehendes Update wird ein Widget und einen Shortcode hinzufügen.

Wenn Sie daran interessiert sind, Ihre Testimonials zu verwalten und mit einem Modul anzuzeigen, ist der DP Testimonials Slider einen Blick wert.

Wir wollen von dir hören. Haben Sie DP Testimonials Slider ausprobiert? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit.

Ausgewähltes Bild über Blan-k / shutterstock.com