Divi-Plugin-Highlight: Battle Suit für Divi

Battle Suit for Divi ist ein Drittanbieter-Plugin, das eine Sammlung von Divi Builder-Modulen, Divi-Erweiterungen, Tweaks, WordPress-Widgets und mehr bietet, die Divi neue Funktionen hinzufügen. Es ist ein modulares System, das stark erweiterbar ist. Das Plugin selbst ist kostenlos und kann mit vielen kostenlosen und Premium-Add-Ons erweitert werden.

In diesem Divi-Plugin-Highlight werfen wir einen Blick auf Battle Suit für Divi und sehen, was darin enthalten ist. Da Sie das Plugin kostenlos im WordPress-Depot bekommen, zeige ich hauptsächlich Beispiele der Premium-Add-Ons.

Kampfanzug für Divi

Installieren und aktivieren Sie Battle Suit for Divi. Dem Dashboard-Menü wurde ein neuer Menüpunkt namens Divi Sensei Suit hinzugefügt.

Wenn Sie auf Einstellungen klicken, gelangen Sie zur Divi-Theme-Option. Den Divi-Themenoptionen wird ein neuer Reiter namens Battle Suit hinzugefügt. Hier können Sie Funktionen und Widgets aktivieren.

Wenn Sie Add-Ons auswählen, wird ein Bildschirm mit mehreren Auswahlmöglichkeiten geöffnet. Hier können Sie die Premium-Add-Ons erwerben. Toolset für Divi erfordert die Installation von Toolset-Ansichten und Toolset-Typen . Dies erfordert die Premium-Version von Toolset. Ich werde alle drei dieser Add-Ons in diesem Plugin-Highlight verwenden.

Laden Sie jedes Plugin wie gewohnt hoch und aktivieren Sie es.

Fügen Sie Ihren Lizenzschlüssel hinzu und aktivieren Sie die Lizenz, um die Add-Ons zu verwenden.

Kampfanzug für Divi-Module

Dem Divi Builder werden viele neue Module hinzugefügt. Die Module enthalten die erwarteten Registerkarten und Funktionen für Inhalt, Design und Erweitert. Dieses Bild zeigt die Module, die mit der kostenlosen Version von Battle Suit für Divi geliefert werden. Die kostenlosen Module beinhalten:

Anderer Beitrag – zeigt den Inhalt eines anderen Beitrags eines beliebigen Beitragstyps an.

Bucket – ein Modul ähnlich einem Klappentext. Es enthält Hover-Effekte. Es eignet sich hervorragend zum Erstellen von Bucket-Listen oder zum Anzeigen von Produkten.

Fußzeile – Zeigt die Divi-Fußzeile an einer beliebigen Stelle im Layout an. Es eignet sich hervorragend zum Anzeigen der Fußzeile in der Vorlage für leere Seiten oder mit Toolset.

Bibliothekslayout – ermöglicht Ihnen, ein Layout aus Ihrer Divi-Bibliothek einzufügen.

Mauerwerk-Galerie – eine neue Galerie, die Bilder in verschiedenen Größen eines Mauerwerks-Layouts zeigt.

Post-Button – Dies ist ein Button, der auf einen Beitrag verlinkt.

Post Auszug - Hier können Sie anpassen und den Post Ausschnitt anzuzeigen.

Beitragsbild posten – zeigt ein Beitragsbild mit den Einstellungen des Bildmoduls an.

Post-Meta – zeigt anpassbare Post-Meta an.

Post - Titel - zeigt den Post - Titel mit einem anpassbaren Modul.

Transformierbares Bild – zeigt ein 3D-Bild mit Schwebeeffekten an.

Video Lightbox – zeigt Videos in einer anpassbaren Lightbox an.

Premium-Add-Ons fügen dem Divi Builder noch mehr Module hinzu. Das Bild hier enthält die Premium-Add-Ons, die ich verwende. Auf der Website des Entwicklers sind mehrere weitere verfügbar. Module umfassen:

Countdown-Timer – ein anpassbarer Countdown-Timer, der ein Ereignis ausführen kann, wenn der Countdown beendet ist.

Material Blurb – ein Klappentext mit mehreren Schaltflächen und Höhenoptionen.

Inhalt posten – zeigt eine bestimmte URL an. Ein Klick darauf öffnet den Link.

Toolset- Schaltfläche – fügt eine Schaltfläche für ein bestimmtes Toolset-Feld und einen Link zu einer bestimmten URL hinzu.

Toolset-Zähler – Dies ist ein Zähler für Toolset-Inhalte.

Toolset-Galerie – zeigt eine Galerie für bestimmte Toolset-Felder an.

Toolset-Image – zeigt ein Toolset-Image an.

Toolset-Tabelle – zeigt eine Toolset-Tabelle mit Layout- und Trennoptionen an. Es umfasst individuelle Artikelanpassungen.

Toolset-Textfeld – zeigt ein Toolset-Textfeld an.

Toolset-Ansicht – zeigt die mit Toolset erstellten Datenbankansichten an.

Kampfanzug für Divi Material Design Beispiele

Der Material Blurb fügt ein neues Modul hinzu. In diesem Beispiel erstelle ich die Buchinformationen aus dem Autor-Layout mit Material-Blurbs neu. Sie wurden ursprünglich mit drei einzelnen Modulen erstellt: Text-, Bild- und Schaltflächenmodule für jedes Buch. Ich kann sie durch ein einzelnes Modul ersetzen. Ich mache ein paar Anpassungen, während ich gehe. Ich habe eine zweite Schaltfläche hinzugefügt, den Rahmen angepasst und den Schatten sowohl für Normal als auch für Hover angepasst. Sie können Bilder oder Symbole verwenden und beim Bewegen der Maus zu einem neuen Bild oder Symbol wechseln.

Hier ist das Ergebnis mit allen drei Materialklappen. Ich habe die Basishöhe auf 5 und die Hover-Höhe auf 1 eingestellt. Ich bewege den Mauszeiger über den Klappentext auf der rechten Seite, um den Hover-Schatteneffekt anzuzeigen. Ich habe die Schaltfläche im Standardstil belassen, aber natürlich können sie wie jede Schaltfläche in Divi gestaltet werden.

Für diesen habe ich die Hover-Effekte noch einmal angepasst. Ich habe die Basishöhe auf 1 und die Hover-Höhe auf 0 gesetzt. Ich schwebe über den Material-Klapptext ganz rechts.

Battle Suit for Divi Final Countdown-Beispiele

Der Countdown-Timer fügt auch ein einzelnes Modul hinzu. Hier sehen Sie, was der Countdown-Timer tun kann. Dies sind die Standardeinstellungen für den Flip-Stil. Sie können den Versatz so anpassen, dass die Kacheln so ausgerichtet werden, wie Sie es möchten. Ich habe es im Risikomanagement-Layout platziert, das den Titel, die Trennlinie und die Schaltfläche bereitstellt.

Dies ist der Blockstil mit den Standardeinstellungen.

Für dieses zeige ich keine Wochen und Tage. Ich habe die Etiketten nach oben verschoben und ihre Größe und Farbe geändert und sie alle in Großbuchstaben geschrieben. Ich habe auch den Text der Uhr vergrößert und die Hintergrundfarbe der Uhr geändert. Es hat auch Optionen zum Verschieben der Textposition innerhalb der Uhr, zum Anpassen der Breite usw.

Dieser verwendet den Blockstil. Ich habe die Schriftart der Uhr vergrößert und die Schriftart in Aladin geändert, sie lila gemacht und ihnen einen Schatteneffekt gegeben. Ich habe der Uhr einen hellgrauen Hintergrund hinzugefügt, damit sie kaum auffällt.

Battle Suit für Divi Toolset Beispiele

Das Toolset-Add-on fügt dem Divi Builder 7 Module hinzu. Es erfordert die Premium-Version von Toolset. Ich fand die Battle Suit for Divi Toolset-Add-Ons einfach zu bedienen, aber Toolset selbst war eine andere Geschichte. Es ist keineswegs eine intuitive Plattform und ich empfehle es nicht für Anfänger von WordPress.

Auch wenn Sie mit WordPress und Divi vertraut sind, empfehle ich dringend, auf YouTube So erstellen Sie ein benutzerdefiniertes Taxonomiearchiv mit Toolset und Divi zu sehen, wenn Sie mit Toolset nicht vertraut sind. Beachten Sie, dass sich das Dashboard-Menü für Toolset seit der Erstellung des Videos geändert hat, sodass es möglicherweise einige weitere Schritte erfordert, um es herauszufinden. Hier sind die Schritte, die ich unternommen habe.

Toolset-Ansichten

Erstellen Sie eine Ansicht im Toolset. Achten Sie darauf, die Anzeige der Beitragstypen auszuwählen, damit sie die Ansicht verwenden können.

Überspringen Sie den Schleifenassistenten und wählen Sie eine Inhaltsvorlage aus. Hier können Sie Divi auswählen, wodurch Divi zu den Vorlagenoptionen hinzugefügt wird. Stellen Sie sicher, dass sich die Divi-Vorlage innerhalb der wpv-loop-Tags befindet.

Erstellen Sie mit dem Divi Builder ein Vorlagenlayout. Aktivieren Sie es zunächst, indem Sie es aus den Optionen in diesem Feld auswählen und dann zum Bearbeiten klicken.

Erstellen Sie die Vorlage mit den Sensei-Modulen. Veröffentlichen Sie die Vorlage und speichern Sie die Ansicht.

Lassen Sie den Ausgabeeditor leer.

Fügen Sie das Sensei Toolset View- Modul zu Ihrem Seiten- oder Beitragslayout hinzu. Wählen Sie die Ansicht aus der Dropdown-Liste auf der Registerkarte Inhalt des Moduls aus.

Stellen Sie sicher, dass Sie kein Toolset-Layout für die Seite verwenden. Sie möchten, dass Battle Suit for Divi die Layouts steuert, nicht Toolset (zumindest in diesem Fall).

Es zeigt die Beiträge in einer Archivschleife mit der Vorlage an, die ich in Divi erstellt habe. Sie können jede gewünschte Art von Layout erstellen. Ich habe die Anzeige auf 3 Posts mit einem Offset von 0 beschränkt, aber Sie können dies wie ein Blog-Modul zusammen mit Post-Slidern usw. verwenden. Sie können die Posts auch nach einer primären und sekundären Reihenfolge sortieren und sortieren.

Ich habe das Modul jetzt im Autoren-Layout hinzugefügt. Ich verwende den Schriftstil aus dem Layout. Ich habe dem Modul auch einen Box-Schatten hinzugefügt.

Toolset-Zähler

Mit dem Toolset-Zähler können Sie Zahlen eingeben, von denen aus gezählt werden soll. Sie können wählen, ob Sie Zahlen oder einen Kreiszähler anzeigen möchten. Es enthält auch alle erwarteten Anpassungen. In diesem Beispiel habe ich einen Hintergrund mit Kastenschatten und etwas Auffüllung oben und unten hinzugefügt. Alles andere ist die Standardeinstellung (außer der von mir eingegebenen Nummer). Der Zahlenzähler kann Zahlen oder Daten zählen.

Hier ist ein Kreiszähler, der Zahlen zählt. Sie können auch ein Toolset-Feld für den Prozenttyp zählen lassen.

Toolset für Divi WordPress Widget

Battle Suit for Divi fügt WordPress auch ein neues Widget namens Blurb hinzu . Fügen Sie einen Titel, ein Bild, eine URL und eine Beschreibung hinzu, um einen anklickbaren Klappentext für Ihre Seitenleisten zu erstellen.

Fügen Sie Ihren Titel, Ihr Bild, Ihre Link-URL und Ihre Beschreibung hinzu. Sie können es in einem neuen Fenster öffnen, wenn Sie möchten. Ich habe drei Widgets hinzugefügt, um Links zu Büchern zu erstellen.

Ich habe die Seitenleiste einem Abschnitt im Autorenlayout hinzugefügt. Das Ergebnis sieht mit Divi-Layouts großartig aus.

Kampfanzug für Divi Price

Battle Suite für Divi ist kostenlos und im WordPress-Depot verfügbar. Add-ons sind im Menü des Plugins verfügbar. Zusatzpreise sind:

• Toolset für Divi – $19
• Materialdesign – 9,99 $
• Letzter Countdown – 9,99 $

Weitere Informationen finden Sie auf der Website des Entwicklers.

Battle Suit for Divi Dokumentation und Support

Sie können den Support per E-Mail oder über den Link im Menü kontaktieren. Die Dokumentation wird durch Klicken auf Links im Menü des Plugins bereitgestellt. Es enthält Links zu einem FAQ und dem YouTube-Kanal des Herausgebers, wo sie einen detaillierten Überblick über jedes Modul haben. Es enthält nur die Hauptmodule.

Gedanken beenden

Battle Suit for Divi ist ein interessantes Plugin und fügt dem Divi Builder viel hinzu. Auch die kostenlose Version fügt einiges hinzu, aber Sie können sie mit Premium-Add-Ons weiter ausbauen. Sie können genau die gewünschten Add-Ons auswählen, sodass dies ein modulares System ist.

Ich hatte mit den meisten Modulen und Add-Ons keine Probleme, aber ich würde gerne einige Beispiele auf der Website des Entwicklers sehen, wie man sie verwendet. Besonders gerne würde ich Beispiele für das Toolset-Add-On sehen. Das ist das einzige Add-On, das mir Probleme bereitet hat.

Wenn Sie daran interessiert sind, dem Divi Builder viele neue Module hinzuzufügen, um Ihre Entwurfszeit zu vereinfachen, dann empfehle ich dringend, einen Blick auf Battle Suit for Divi zu werfen.

Wir wollen von dir hören. Hast du Battle Suit für Divi ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über rudall30 / shutterstock.com