Divi-Plugin-Highlight: Divi Essential

Divi Essential ist ein Drittanbieter-Plugin für Divi, das dem Divi Builder über 60 neue Module hinzufügt. Die Module enthalten viele Animationen und Designfunktionen, um Ihrer Divi-Website ein professionelles Aussehen zu verleihen. In diesem Plugin-Highlight sehen wir uns Divi Essential an und sehen, welche Arten von Modulen es enthält, um Ihnen bei der Entscheidung zu helfen, ob es das richtige Plugin für Ihre Divi-Anforderungen ist.

Divi Essential Module

Laden Sie das Plugin wie gewohnt hoch und aktivieren Sie es. Es ist keine weitere Einrichtung erforderlich. Divi Essential fügt dem Divi Builder über 60 neue Module hinzu. In der Liste der Module sind sie blau und zeigen beim Bewegen einen violetten Farbverlauf zu einer Seite. Ihre Namen sind beschreibend und machen es leicht zu verstehen, was sie tun können. Einige der Namen sind zunächst nicht so einfach zu verstehen, aber sobald Sie das Modul auf Ihre Seite laden, ist klar, wofür sie gedacht sind. Wir werden uns einige der Module ansehen, die auffallen.

Nächster 3D-Würfel-Slider

3D Cube Slider zeigt die Folien an der Seite eines Würfels an. Der Würfel dreht sich dann, um die nächste Folie anzuzeigen. Jede der Folien wird mit Untermodulen erstellt. Sie können sie zusammen oder einzeln stylen. Im Gegensatz zu einem echten Würfel können Sie so viele Seiten (oder Folien) haben, wie Sie möchten.

Nächster Klappentext

Next Blurb ähnelt dem Standard-Blurb-Modul, fügt jedoch mehrere neue Elemente hinzu, darunter Text vor und nach Überschriften, mehrere Hintergründe sowie 2D- und Tilt-Hover-Effekte. Ich habe in diesem Beispiel mehrere Hintergrundfarben hinzugefügt und den Neigungseffekt aktiviert. Tile kann auch Blendung und Rückwärtsneigung umfassen.

Nächster Knopf

Next Button funktioniert wie ein Standardbutton, hat aber viele Hover-Einstellungen. Geben Sie verschiedene Größen, Farben und Animationen für die Farben, den Rahmen und das Symbol an.

Nächstes kreisförmiges Bild

Kreisbild zeigt das Bild in einem Kreis an und enthält viele Hover-Optionen. Wenn Sie mit der Maus über das Bild fahren, wird eine Animation ausgeführt und ein Overlay mit einer Überschrift und einem Inhalt angezeigt. Der Inhalt wird mit dem Standard-Texteditor erstellt, kann also Medien und Code enthalten. Es stehen 19 Hover-Effekte zur Auswahl und Sie können die Hover-Richtung auswählen. Sie können dem Bild auch einen farbigen Rand hinzufügen.

Nächster Coverflow-Schieberegler

Coverflow Slider ist ein interessanter Slider, der die Folien als Bilder anzeigt, die sich überlappen. Die aktuelle Folie ist die größte und wird nahe der Mitte platziert. Die anderen werden kleiner, je weiter sie von der aktuellen Folie entfernt sind. Wenn der Schieberegler zur nächsten Folie wechselt, verschieben sich die Folien so, dass die in der Mitte die größte ist.

Nächster Divi-Review

Divi Review kann als Personenmodul und als Produktbewertungsmodul verwendet werden. Dieses Modul würde gut bei der Überprüfung und Bewertung von Diensten funktionieren. Es enthält ein Bild, ein Bewertungssystem und einen Text mit Name, Position und Beschreibung. Es hat standardmäßig einen Rahmen und einen Kastenschatten.

Nächster Teiler

Nächster Teiler Ermöglicht einen Teiler mit einem Symbol oder einem Bild und dann die einzelnen Elemente zu stylen. Wählen Sie die Bildplatzierung, ändern Sie die Größe des Teilers, passen Sie seine Farbe, Lücke usw. an. Dies ist eine gute Option, um den Autor eines Artikels, ein Teammitglied, ein Produkt und vieles mehr anzuzeigen. Ich habe in diesem Beispiel ein Bild hinzugefügt und die Breite erhöht.

Weiter Dual-Taste

Dual Button ist interessant. Es hat zwei Tasten, die Sie unabhängig voneinander stylen können. Sie beinhalten viele Hover-Effekte. Ich habe die beiden Schaltflächen zusammengefügt und jedem unterschiedliche Hover-Effekte gegeben.

Nächste Funktionsliste

Mit der Feature-Liste können Sie eine Liste mit Untermodulen erstellen. Zeigen Sie ein Symbol oder ein Bild an, passen Sie die Größe der Symbole, Bilder und Texte an und passen Sie jedes Element einzeln oder zusammen an. In diesem Beispiel habe ich Bilder hinzugefügt, die Bild- und Textgröße vergrößert, die Textfarbe für ein Submodul geändert und einem anderen Submodul sowie Rahmen- und Hintergrundfarbe zugewiesen.

Nächstes Bild Hoverbox

Image Hover Box zeigt ein Bild an und ersetzt dann das Bild beim Hover durch eine Hintergrundüberlagerung, einen Titel und Inhalt. Sie können dem Inhalt alles hinzufügen, was Sie möchten, und jedes der Elemente stylen. Wählen Sie aus 13 Hover-Effekten und 4 Richtungen. Die Animationen sind interessant. Bilder können sich drehen, spiegeln, drehen, zoomen und mehr.

Nächster Bildsymboleffekt

Mit dem Bildsymboleffekt können Sie bis zu vier Symbole aktivieren, die einer Überlagerung hinzugefügt werden, die beim Bewegen des Mauszeigers am unteren Rand eines Bilds angezeigt wird. Das Overlay zeigt auch eine Überschrift und einen Text an. Die Icons können Links sein, wie im Beispiel oben. Dies ist eine interessante Möglichkeit, einem Bild Social-Follow-Buttons oder andere Links hinzuzufügen.

Nächstes Bild scrollen

Image Scroll platziert ein Bild in einem Fenster, das kürzer als das Bild ist. Wenn Sie mit der Maus über das Bild fahren, scrollt es innerhalb des Fensters, um den Rest des Bildes anzuzeigen. Es enthält ein Overlay und eine Schaltfläche. Die Überlagerung verschwindet beim Schweben. Dies ist hervorragend geeignet, um Produkte wie Divi-Layouts, Standortkarten oder andere Arten von großen Bildern anzuzeigen.

Nächste Mauerwerk Galerie

Masonry Gallery zeigt eine Galerie in einem Raster an. Jedes der Bilder wird so angepasst, dass es in das Raster passt. Sie können die Anzahl der Spalten und die Breite des Bundstegs festlegen, den Bildern Rahmen hinzufügen, die Überlagerungen anpassen und sie wie ein beliebiges Bild gestalten. Ein Klick auf ein Bild öffnet es in einer Lightbox.

Nächster Mega-Bildeffekt

Mega Image Effect zeigt ein Bild an und ersetzt es durch eine Überlagerung und eine Schaltfläche beim Schweben.

Es enthält Hover-Hintergrund- und Schaltflächenhintergrundeinstellungen. Hier ist die Überlagerung, wenn Sie mit der Maus über das Bild fahren. Es hat auch Hover-Effekte und Textauswahl-Effekte. Ich habe das Overlay auf Blau und den Text auf Weiß gesetzt.

Nächste Promo-Box

Promo Box ist eines der interessantesten Module. Es ist ein Produktpräsentationsmodul und enthält das Bild, die Überschrift, den Text der Überschrift vor und nach der Überschrift, die Beschreibung, die Schaltfläche und ein Angebotsabzeichen. Das Angebot weist einen prozentualen Rabatt auf und eignet sich hervorragend für laufende Verkäufe. Jedes der Elemente kann separat gestylt werden.

Ablauf des nächsten Schritts

Step Flow ist eine interessante Version eines Klappenmoduls. Es zeigt einen Schritt an, der ein Bild oder Symbol, einen Pfeil, ein Badge und Inhalt enthält. Der Pfeil kann in jede Richtung zeigen und Sie können die Stile von Text, Pfeil, Abzeichen und Kreis anpassen. Dies ist großartig, wenn Sie Schritte in einer nummerierten Reihenfolge anzeigen möchten und jeder auf den nächsten zeigt.

Nächste Zeitleiste

Timeline zeigt Karten auf einer Timeline in einem abwechselnden Layout an. Die Karten werden als Submodule hinzugefügt. Zeigen Sie Bilder oder Symbole an, fügen Sie beliebige Arten von Inhalten hinzu, aktivieren oder deaktivieren Sie die Schaltfläche und gestalten Sie jedes Element unabhängig. Ich habe die erste Karte mit einem dunkelblauen Hintergrund, weißem Text und einem hellblauen Knopf gestylt. Ich habe die zweite Karte auf den Standardeinstellungen belassen.

Divi Essential kaufen

Divi Essential ist im Divi Marketplace verfügbar. Es umfasst über 60 Module und Zugriff auf über 500 professionell gestaltete Layouts mit den Modulen. Die normalen Kosten betragen 79 US-Dollar für die unbegrenzte Nutzung der Website und beinhalten 1 Jahr Support und Updates.

Gedanken beenden

Das ist unser Blick auf Divi Essential. Es gibt viele Module und Optionen in diesem Drittanbieter-Plugin für Divi. Ich habe nur an der Oberfläche gekratzt, was sie können. Die Verwendung der Module und ihrer Einstellungen war so intuitiv wie jedes Divi-Modul.

Einige davon, wie die Teammitgliedermodule oder die Textmodule, scheinen mit ihren Optionen als Auswahl innerhalb des Moduls kombiniert zu werden. Das schmälert nicht die große Menge an Optionen, die sie bieten, und macht sie wahrscheinlich einfacher zu verwenden, da Sie ein Modul mit genau den gewünschten Funktionen laden können.

Es gibt viele Module und Optionen in diesem Plugin. Wenn Sie Ihrer Divi-Website viele neue Module hinzufügen möchten, ist Divi Essential eine gute Wahl.

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

Ausgewähltes Bild über Inspirierend / shutterstock.com