Testen von Divi Essentiell mit Divi 5

Veröffentlicht: 2025-06-30

Divi 5 ist seit Ende letzten Jahres im öffentlichen Alpha. Es ist unglaublich, wie viel Fortschritt wir in dieser Zeit erzielt haben. Um seinen Fortschritt zu messen, müssen Sie sich ansehen, wie sich führende Erweiterungen von Drittanbietern an die neue Architektur von Divi 5 anpassen.

Wir haben vor nicht allzu langer Zeit einen vollständigen Überblick über Divi Essentials gemacht, aber das war schon lange vor D5 -Updates ihrerseits. Schauen wir uns erneut auf Divi Essential ein und schauen wir uns die letzten D5 -Kompatibilitäts -Updates an!

Inhaltsverzeichnis
  • 1 D5 -Fortschritts -Update von Divi Essential
  • 2 Was ist mit Divi Essentials enthalten?
    • 2.1 Popup Pro -Erweiterung
    • 2,2 Dutzende neuer Module
  • 3 Umgebaute Divi Essential Dashboard
  • 4 Erstellen eines interaktiven Abschnitts mit 3D Flip Box von Divi Essenti
    • 4.1 1. Aktivieren Sie das Modul
    • 4.2 2. Fügen Sie das Modul in Divi 5 hinzu
    • 4.3 3.. Entwerfen Sie die Frontplatte
    • 4.4 4. Weak die 3D -Bewegung optimieren
  • 5 Erstellen eines rotierenden Bildkarousel mit Divi Essential
    • 5.1 1. 1. Fügen Sie das Karussellmodul Ihrer Seite hinzu
    • 5.2 2. Fügen Sie Kindermodule für jedes Karussellbild hinzu
    • 5.3 3.. Konfigurieren Sie die Karusselleinstellungen
    • 5.4 4. Möglichkeiten
  • 6 Holen Sie sich Divi heute es wesentlich
  • 7 Beginnen Sie mit Divi Essential mit Divi 5

Das D5 -Fortschritts -Update von Divi Essential

Divi Essential, ein beliebtes Modul und ein Erweiterungspaket, dreht sich aktiv für Divi 5! Die neueste Beta -Version ist jetzt ausgegeben und ist mit Divi 5 kompatibel . Benutzer von Divi Essentials können sich an ihr Support -Team wenden, um Zugriff auf die Beta zu erhalten, wenn sie es versuchen möchten.

Die Entwickler von Divi Essential haben eine innovative Dual-Kompatibilität aufgebaut, die Divi 4 und Divi 5 unterstützt. Derzeit wird die Migration nur dann eingeleitet, wenn Seiten nach ersten Versuchen nicht direkt von der Migratorschnittstelle gespeichert werden. Dieser vorsichtige Ansatz erleichtert den Übergang in die neue Divi -Umgebung, wenn sie ihre Module und Erweiterungen verwenden.

So sehen die Divi Essentials -Module im Modulpflücker von Divi 5 aus.

Und hier sind ein paar Divi -wesentliche Module am vorderen Ende.

Sie haben sogar ihre admin -Dashboard -Benutzeroberfläche in diesem großen Update verbessert. Aber mehr dazu unten.

Was ist mit Divi Essentials enthalten?

Divi Essentials umfasst beeindruckende 64 Module, sieben Erweiterungen und Hunderte von vorgefertigten Layouts. Es deckt eine Menge Boden und interessante Anwendungsfälle ab, vom dynamischen visuellen Geschichtenerzählen bis hin zu erweiterten Effekten und hoch interaktiven Benutzererlebnissen. Es gibt mehr, als wir hier realistisch behandeln können. Sehen Sie also sicher, dass Sie sich selbst sehen können.

Divi essentiell bekommen

Popup Pro -Erweiterung

So viele Menschen bekommen Divi -Essentials für die Module, verwenden es aber weiter für Popup Pro. Damit erstellen Benutzer dynamische, ansprechende Popups, ohne Code zu berühren. Sie können von vorne anfangen oder einen von Dutzenden vorgefertigter Vorlagen mit einem Vorsprung erhalten.

Das erste, was zu tun ist, ist sicherzustellen, dass die Popup Pro -Erweiterung in seinem Dashboard eingeschaltet wird.

Dadurch wird links ein neues WordPress Admin -Menüelement erstellt. Sie können in Popup Pro klicken und ein neues Popup mit neu hinzufügen erstellen.

Divi Essentials Popup Pro Fügen Sie neues Popup hinzu

Sie verwenden weiterhin einen formbasierten Editor, um Popups zu erstellen und bereitzustellen. Die Einstellungen haben drei Registerkarten: allgemeine, Anpassungs- und Anzeigebedingungen.

Es wäre großartig, etwas zu sehen, das den visuellen Bauunternehmer in der Zukunft nutzt, aber es funktioniert genau wie bei Divi 4, und dafür sind wir begeistert.

Dutzende neuer Module

Divi Essential lässt vierundsechzig frische Module im Divi 5-Bauunternehmer fallen. Sie erhalten Zugang zu hilfreichen Modulen Ike Geschäftszeiten, Preisliste und Überprüfung. Sie erhalten auch Eye-Candy-Mover wie 3D-Würfel-Schieberegler, Störtext und Bildmesser. Karussell, Akkorden, Hotspots, Timer - die Bande ist hier alles.

Divi essentielle Module alle von ihnen

Alles, was im visuellen Baumeister leben, so gibt es keine Vermutungen. Schauen Sie sich ein Modul ein, fummeln Sie mit seinen Einstellungen, klicken Sie auf Save und genießen Sie.

Umgebauter Divi Essential Dashboard

Das Divi Essential Dashboard wurde zusammen mit diesen D5 -Updates neu gestaltet. Damit können Benutzer Module, Erweiterungen und Einstellungen zentral verwalten, wodurch der Konfigurations- und Integrationsprozess vereinfacht wird.

Divi Essential Dashboard neu gestaltet

Das neue Dashboard -Layout bietet einen schönen Leistungsschub (durch Deaktivieren von ungenutzten Modulen/Erweiterungen) und ist einfach zu bedienen.

Erstellen eines interaktiven Abschnitts mit der 3D -Flip -Box von Divi Essential

Die beeindruckenden zusätzlichen Module von Divi Essential eignen sich hervorragend, um Ihrer Website Effekte mit geringer Auslöser hinzuzufügen. Versuchen wir das 3D -Flip -Box -Modul für die Größe.

1. Aktivieren Sie das Modul

Öffnen Sie das umgebaute Divi Essential Dashboard und aktivieren Sie die 3D -Flip -Box . Speichern. Wenn der Baumeister in einer anderen Registerkarte geöffnet wurde, aktualisieren Sie ihn. ( Deaktivieren von nicht verwendeten Modulen hier könnte die Leistung der Site verbessern .)

Aktivieren Sie das 3D -Flip -Box -Modul - Divi Essentials - D5

2. Fügen Sie das Modul in Divi 5 hinzu

Erstellen Sie eine neue Zeile, klicken Sie auf das graue " + " -Symbol und suchen Sie nach "Flip". Wählen Sie 3D -Flip -Box . Das Modul fällt mit einem Standard -Vorder- und Rückfeld ein. Wenn die Box schwebt (am vorderen Ende und im Editor), wird die Box die Rückseite angezeigt.

Fügen Sie 3D -Flip -Box -Modul zur Seite - Divi Essentials - D5 hinzu

3.. Entwerfen Sie die Frontplatte

Jetzt können Sie Ihre Flip -Box anpassen.

  • Ersetzen Sie das Platzhaltersymbol durch Ihre eigene Auswahl.
  • Fügen Sie eine Überschrift, einen kurzen Text und eine Schaltfläche hinzu.
  • Stiltext und andere Dinge mit Ihren Designvariablen und fortgeschrittenen Einheiten

4. Die 3D -Bewegung optimieren

Auf der Registerkarte "Entwurf" können Sie eine von drei Effektanweisungen festlegen (von links nach rechts, rechts nach links und von unten nach oben).

Wenn Sie die anderen Designeinstellungen durchsehen, werden Sie feststellen, dass dieses Divi Essentials -Modul viele der neuen Funktionen in D5 verwendet. Sie können erweiterte Einheiten verwenden, um Größenoptionen und Designvariablen festzulegen, um die Dinge konsistent zu halten. Sie können auch die zusätzlichen Haltepunkte und die Effizienzfunktionen des Attributmanagements verwenden und Attribute mit diesen Modulen erweitern.

Aufbau eines rotierenden Bildkarousel mit Divi Essential

Alle Module von Divi Essential sind gut hergestellt und unkompliziert, einschließlich des Karussellmoduls.

1. Fügen Sie das Karussellmodul Ihrer Seite hinzu

Stellen Sie sicher, dass das Modul im Dashboard aktiviert wird, und fügen Sie es dann zu einer Divi 5 -Seite hinzu.

Fügen Sie das Karussellmodul zur Seite hinzu - Divi Essential mit Divi 5

2. Fügen Sie Kindermodule für jedes Karussellbild hinzu

Das Karussellmodul enthält Kindermodule, durch die Sie jedes Bild hinzufügen würden. Klicken Sie auf neues untergeordnetes Modul hinzufügen, um Bilder hinzuzufügen. Fügen Sie so viele Kindermodule hinzu, wie Sie für die Anzahl der gewünschten Bilder in Ihrem Karussell benötigen.

3. Konfigurieren Sie die Karusselleinstellungen

Wenn Sie jedem Kindermodul Bilder hinzufügen, funktioniert das Karussell auch im hinteren Ende. Es gibt mehrere konfigurierbare Einstellungen, um Ihr Karussell von hier aus anzupassen.

Die meisten Karusselleinstellungen - Divi Essentials Modul

Hier sind einige der Hauptoptionen:

  • Karusselleinstellungen
    • Autoplay -Verzögerung - Zeit zwischen automatischen Folien
    • Schleife - Karussell nach der letzten Folie neu starten
    • Mittelrutsche - Active Slide zentriert halten
    • Autohöhe - Höhe passt sich jeder Folie an
    • Gleiche Höhe - Erzwingen Sie gleichmäßige Gleithöhen
    • Geschwindigkeit-Übergangsanimationsdauer (MS)
    • Raum zwischen - Spaltgröße zwischen Folien
    • Folie Vorschau - Anzahl der in Sicht
  • Navigationseinstellungen
    • Verwenden Sie Grab Cursor - Zeigen Sie Handcursor auf dem Schwebe
    • Verwenden Sie die Pfeilnavigation - Anzeigen Sie als nächst
    • Tastaturnavigation - Pfeiltasten bewegt Folien
    • Mausradnavigation - Scroll -Rad ändert Folien
    • Paginationstyp - Kugeln, Bruch oder Fortschritt
    • Dynamische Kugeln - Die Kugelgröße spiegelt die Position wider
    • RTL -Richtung - Flip -Navigation für RTL -Websites
  • Effekteinstellungen
    • Verwenden Sie Dia Shadow - Fügen Sie den Folien Dropschatten hinzu
    • Objektträger drehen - Drehen Sie die Folien beim Übergang
    • Schleife Stretch - Perspektive während des Swips
    • Dia-Tiefe-Z-Achse-Tiefe/Parallaxenmenge
  • Lightbox -Einstellungen
    • Verwenden Sie Lightbox - Öffnen Sie Bilder im Overlay -Viewer
    • Pfeilfarbe - Leuchtkasten Navigation Arrow Farbe setzen
    • Knopffarbe schließen - Farbe für das Schließen von Symbol
    • Overlay -Farbe - Tönung hinter Lightbox -Inhalten

Natürlich können dank der nativen Styling -Optionen von Divi 5 viel mehr auf der Registerkarte "Design des Moduls" und "Kindermodule" erfolgen. Jedes Divi Essential -Modul liefert seinen Zweck. Die Einstellungen sind eindeutig angelegt und alles, was ich getestet habe, schien in Divi 5 zu funktionieren.

4. Möglichkeiten

Und ohne viel Arbeit können Sie ein schönes Bildkarousel haben.

Das Coole an diesem Modul ist, dass es Textinhalte und Überlagerungen unterstützt und das obige Karussell in einen interaktiven Aufruf zum Handeln verwandelt.

Holen Sie sich heute Divi wesentlich

Um auf die neueste DIVI Essential Beta für Divi 5 zuzugreifen, können vorhandene und neue Benutzer den Beta -Zugriff direkt von den Entwicklern anfordern. Für Standardinstallationen können Sie Divi essentiell aus dem offiziellen Divi -Marktplatz kaufen:

Divi essentiell bekommen

Der Einkauf über den Divi -Marktplatz gewährleistet zuverlässige Updates, hervorragende Kundensupport und einfaches Management von Lizenzen. Benutzer genießen eine unbegrenzte Nutzung der Website, regelmäßige Updates und eine 30-tägige Zufriedenheitsgarantie.

Verwenden Sie Divi Essential mit Divi 5

Der Übergang von Divi Essenty zu Divi 5 ist eine willkommene Nachricht zum Divi -Ökosystem. Das Potenzial von Divi 5 ist viel aufregender, wenn mehr Plugins-Drittanbieter der Drittanbieter wechseln. Divi Essentials ist eine von einer Handvoll Marktprodukte, die den Weg gehen.

Aufgrund ihrer einzigartigen Suite von Modulen und Erweiterungen hat Divi Essential für jede Website etwas Nützliches.

Jetzt ist der ideale Moment, um Divi Essential zu erkunden, Divi 5 zu umarmen und Ihre kreativen Grenzen weiter als je zuvor zu überschreiten.

Laden Sie Divi 5Learn mehr über Divi 5 herunter