Divi-Plugin-Highlight: Divi Plus

Divi Plus ist ein Drittanbieter-Plugin für Divi, das dem Divi Builder über 40 Module und viele neue Funktionen hinzufügt. In diesem Divi-Plugin-Highlight sehen wir uns Divi Plus an, um zu sehen, was es tun kann, um Ihnen bei der Entscheidung zu helfen, ob es das richtige Plugin für Ihre Divi-Toolbox ist.

Divi Plus-Einstellungen

Die Installation des Plugins ist einfach. Einfach hochladen und aktivieren. Nach der Installation möchten Sie mehrere Funktionen aktivieren. Gehen Sie im WordPress-Dashboard zu Einstellungen > Divi Plus . Auf der Registerkarte Allgemein können Sie auswählen, welche der Module im Divi Builder verfügbar sein sollen. Sie sind standardmäßig alle ausgewählt, sodass Sie diese Registerkarte einfach so lassen können, wie sie ist.

Die Registerkarte Erweiterungen bietet mehrere Optionen. Hier können Sie die Divi Library Shortcodes, Scheduler, Visibility Manager und Particle Background für Abschnitte, Zeilen, Spalten und Module aktivieren. All dies ist standardmäßig deaktiviert. Auf der Registerkarte Integrationen können Sie Ihre Facebook-API und Ihren Twitter-Benutzernamen hinzufügen.

Divi-Bibliothek-Kurzcodes

Divi Library Shortcodes fügt jedem Layout in Ihrer Bibliothek einen Shortcode hinzu. Sie können diesen Shortcode kopieren und an einer beliebigen Stelle auf Ihrer Divi-Website einfügen, die einen Shortcode aufnehmen kann. Es wird dieses Layout in einem Modul, einer Seitenleiste usw. angezeigt.

DP-Scheduler

Mit dem Scheduler können Sie basierend auf Datum und Uhrzeit entscheiden, wann ein Abschnitt, eine Zeile, eine Spalte oder ein Modul angezeigt wird. Lassen Sie den Inhalt ein- oder ausblenden und wählen Sie die von und bis Datum und Uhrzeit. Es wird den Sichtbarkeitseinstellungen auf der Registerkarte Erweitert hinzugefügt.

DP-Sichtbarkeitsmanager

Mit dem Sichtbarkeitsmanager können Sie einen Abschnitt, eine Zeile, eine Spalte oder ein Modul basierend auf dem Status des Benutzers anzeigen oder ausblenden. Zeigen Sie es allen Benutzern, angemeldeten Benutzern oder abgemeldeten Benutzern an. Es wird den Sichtbarkeitseinstellungen auf der Registerkarte Erweitert hinzugefügt.

DP-Partikel-Hintergrund

Die Einstellungen für den Partikelhintergrund werden dem Bereich Hintergrund der Abschnittseinstellungen hinzugefügt. Der Hintergrund ist im Visual Builder nicht sichtbar. Sie können Partikeltyp, Anzahl, Dichte, Größe, Farbe, Optionen für verknüpfte Linien, Bewegungsoptionen, Interaktivität und vieles mehr auswählen.

Ich habe die Anzahl und Größe der Partikel erhöht, um sie im Hintergrund meines Abschnitts hervorzuheben. Darüber können Reihen und Module platziert werden.

DP Plus benutzerdefinierte Pfostentypen

Zwei neue benutzerdefinierte Beitragstypen werden zu WordPress hinzugefügt. Sie können den Divi Builder für diese Beitragstypen in den Designoptionen auf der Registerkarte Builder aktivieren. Das Plugin fügt vier Module hinzu, sodass Sie die neuen benutzerdefinierten Beitragstypen als Raster oder innerhalb eines Schiebereglers anzeigen können.

DP-Testimonials

Hier ist meine Liste mit Beispielbeiträgen für DP-Testimonials.

Mitglieder des DP-Teams

Hier ist meine Liste mit Beispielbeiträgen für DP-Teammitglieder.

Divi Plus-Module

Divi Plus fügt dem Divi Builder über 40 Module hinzu. Wir werden uns einige der Module ansehen, die auffallen.

DP Ajax-Suche

Ajax Search zeigt Suchergebnisse in einem Popup an, ohne dass die Seite neu geladen werden muss.

Hier ist die Ajax-Suche, die automatisch Ergebnisse anzeigt, während ich tippe. Ich habe dem Suchfeld einen äußeren Kastenschatten und dem Ergebnisfenster einen inneren Kastenschatten gegeben.

DP Semmelbrösel

Breadcrumbs bietet Ihnen zwei Layouts zur Auswahl und kann die Links in einem neuen Tab öffnen.

DP-Geschäftszeiten

Die Geschäftszeiten umfassen Untermodule für jeden Wochentag. Sie können den Namen und die Zeiten eingeben und alle im Hauptmodul oder einzeln in den Untermodulen stylen.

DP-Taste

DP Button verfügt über Submodule, um mehrere Arten von Schaltflächen zu erstellen. Text anzeigen oder Symbol hinzufügen. Fügen Sie auch sekundären Text hinzu. Jedes Element kann unabhängig gestylt werden. In diesen Beispielen habe ich ein Symbol hinzugefügt und seine Farbe geändert, einen Hintergrund hinzugefügt und die Ränder abgerundet, einen Textschatten hinzugefügt und sekundären Text hinzugefügt und seine Farbe geändert. Die Schaltflächen können auch so eingestellt werden, dass sie inline statt gestapelt angezeigt werden.

DP-Inhalt umschalten

Mit Content Toggle können Sie zwei Inhalte hinzufügen und dann zwischen ihnen wechseln. Der Inhalt kann Text oder ein Divi-Layout sein. Sie können jedes der Elemente unabhängig voneinander stylen.

Hier ist der Umschalter, der den zweiten Inhalt anzeigt. Der Inhalt passt in die Spalte, in der Sie das Modul platziert haben.

DP FAQSeitenschema

Das FAQPage-Schema-Modul enthält Untermodule zum Erstellen der FAQ. Sie funktionieren wie ein Akkordeon, d. h. das offene schließt sich, wenn der Benutzer eine andere FAQ auswählt. Es hat einen interessanten Gleiteffekt für die Öffnen/Schließen-Animation. Die FAQs enthalten einen Editor, mit dem Sie Text, Medien, Code usw. hinzufügen können.

DP Form Styler

Mit dem Form Styler können Sie ein Formular aus Contact Form 7 oder Caldera Forms auswählen und es dann mit den Divi-Styling-Optionen gestalten. Die Vielfalt der Gestaltungsmöglichkeiten der einzelnen Elemente der Formulare ist beeindruckend. In diesem Beispiel habe ich die Ausrichtung auf zentriert eingestellt, die Schriftstärke für die Beschriftungen angepasst, die Ecken für die Felder und die Schaltfläche abgerundet und den Feldern Boxschatten hinzugefügt. Außerdem habe ich den Button mit einem Hintergrundbild und Overlay gestaltet, die Schrift vergrößert und die Schriftfarbe geändert.

DP-Hotspot

Mit Hotspot können Sie einem Bild eine Markierung hinzufügen. Der Marker verfügt über eine Schwebeoption, um beim Schweben eine QuickInfo anzuzeigen. Dies kann ein Symbol, ein Text oder ein Bild sein. Der Tooltip kann Text oder ein Layout in Ihrer Divi-Bibliothek sein. Wählen Sie die Symbole aus, passen Sie ihre Position an, ändern Sie ihre Farben, Größen usw.

Ich habe das Symbol unten durch Text ersetzt und ein Divi-Layout als Tooltip hinzugefügt. Das Layout beinhaltet einen Textbaustein und eine Schaltfläche. In diesen Layouts können auch die Divi Plus Module verwendet werden.

DP-Anleitungsschema

Das Modul „How To Schema“ enthält Einstellungen zum Hinzufügen von Werkzeugen, Verbrauchsmaterialien, die benötigte Zeit und die Schritte zur Erstellung. Jeder der Schritte wird als Untermodul hinzugefügt. Elemente wie Werkzeuge und Verbrauchsmaterialien sowie Zeit und Kosten haben Unterabschnitte, und Sie können so viele hinzufügen, wie Sie möchten. Jedes der Elemente kann unabhängig gestaltet werden.

DP-Modal

DP Modal erstellt ein Popup, das Sie mit einem Trigger steuern können. Der Auslöser kann ein Elementklick, ein Seitenladen oder ein Exit Intent sein. Dies kann eine Schaltfläche, ein Bild, ein Symbol, ein Text, eine CSS-ID oder eine CSS-Klasse sein. Erstellen Sie die Kopfzeile, den Textkörper und die Fußzeile innerhalb des Moduls.

Wenn auf den Auslöser geklickt wird, wird der Hintergrund ausgegraut und das Modal wird angezeigt. Hier ist das Modal, das ich mit dem Standardstil erstellt habe.

Es bietet viele Styling-Optionen. Ich habe dem Trigger, dem Kopfzeilentext, der Fußzeile, dem Schließen-Symbol, der Schließen-Schaltfläche ein Styling hinzugefügt und dem Textkörper ein Bild hinzugefügt. Beide Schaltflächen beinhalten auch das Hover-Styling.

DP-Bildlupe

Mit der Bildlupe können Sie ein Bild in Ihrem Layout platzieren und wenn ein Besucher mit der Maus über das Bild fährt, zeigt seine Maus einen vergrößerten Bereich des Bildes an. Dadurch können sie einen vergrößerten Teil des Bildes sehen. Sie können die Linsengröße, die Geschwindigkeit, die Randbreite und die Randfarbe einstellen.

DP-Team-Slider

Team Slider zeigt die Teammitglieder mit ihren Bildern oben, Fähigkeiten als Balkenzähler und Symbole für soziale Netzwerke unten an. Jedes der Elemente kann separat gestylt werden. Ich habe den Bildern einen Rahmen und einen Boxschatten hinzugefügt.

DP Testimonial Grid

Testimonial Grid zeigt den Testimonial-Beitragstyp in einem von zwei Layouts an. Der erste zeigt das Bild unten an. Die zweite zeigt das Bild oben an. Sie haben die Kontrolle darüber, welche Elemente angezeigt werden. Wählen Sie die Anzahl der Spalten, zeigen Sie die Bewertung, das Bild, den Namen usw.

DP-Zeitleiste

Das Timeline-Modul platziert den Inhalt von Submodulen auf einer Timeline. Fügen Sie jedem Modul einen Titel und einen Textkörperinhalt hinzu. Sie können die Elemente abwechseln oder an einer Seite der Zeitachse platzieren. Zu den Layoutoptionen gehören ein Symbolbaum oder ein Datumsbaum.

Dies ist der Datumsbaum. Ich habe Bilder hinzugefügt und das Layout so eingestellt, dass der Inhalt rechts neben dem Baum angezeigt wird.

Divi Plus kaufen

Divi Plus kann im Divi Marketplace gekauft werden. Es hat unbegrenzte Website-Nutzung und ein Jahr Support und Updates. Es enthält auch 20 ganzseitige Layouts und 200 gestaltete Abschnitte. Der reguläre Preis beträgt 79 US-Dollar.

Gedanken beenden

Das ist unser Blick auf Divi Plus. Dieses Plugin fügt Divi viele neue Module und Funktionen hinzu. Ich fand alle Module und Einstellungen einfach zu bedienen. Ich habe mir in diesem Artikel nur einige der Module angesehen, aber es ist leicht zu erkennen, dass jedes Modul und jede Erweiterung Ihren Divi-Designs wertvolle Funktionen und professionellen Glanz verleihen kann. Wenn Sie Divi viele neue Funktionen hinzufügen möchten, ist Divi Plus ein guter Ausgangspunkt.

Wir wollen von dir hören. Haben Sie Divi Plus ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Sky-Vektoren / shutterstock.com