Divi ist ein beliebtes WordPress-Theme, das für seine Flexibilität und Benutzerfreundlichkeit bekannt ist. Mit Divi kannst du schnell und einfach professionelle Websites erstellen, ohne dass du ein Experte für Webdesign sein musst. Im Oktober 2023 wurde die Dev-Betaversion von Divi 5.0 veröffentlicht. Die neue Version bringt zahlreiche neue Funktionen und Verbesserungen mit sich, die das Theme noch besser machen.
Inhaltsverzeichnis:
Neue Funktionen in Divi 5.0
Aktueller Stand: Divi 5 – Public Alpha
Kostenfreie WordPress & Divi Beratung
Neue Funktionen in Divi 5.0
Die wichtigsten neuen Funktionen in Divi 5.0 sind:
- Ein neues Design-System: Das neue Design-System basiert auf Bootstrap 5 und bietet eine Vielzahl neuer Layout-Optionen und Design-Elemente.
- Ein neuer Visual Builder: Der Visual Builder wurde vollständig überarbeitet und bietet nun eine intuitivere und einfachere Bedienung.
- Neue Funktionen für den Divi Builder: Der Divi Builder wurde um zahlreiche neue Funktionen erweitert, darunter ein Seitenlayout-Manager, ein CSS-Editor und ein JavaScript-Editor.
- Verbesserte Performance: Divi 5.0 wurde für eine bessere Performance optimiert und läuft nun noch schneller und flüssiger.
Neue Design-Optionen
Das neue Design-System von Divi bietet eine Vielzahl neuer Layout-Optionen und Design-Elemente. Dazu gehören unter anderem:
- Ein neues Grid-System: Das Grid-System wurde auf 12 Spalten erweitert und bietet nun mehr Flexibilität bei der Gestaltung deiner Website.
- Neue Layout-Optionen: Du kannst nun deine Website noch flexibler gestalten, indem du einzelne Abschnitte und Elemente an verschiedene Stellen auf deiner Seite ziehen und ablegen kannst.
- Neue Design-Elemente: Divi 5.0 enthält zahlreiche neue Design-Elemente, darunter neue Schaltflächen, Symbole, Slider und Karten.
Verbesserter Visual Builder
Der Visual Builder von Divi wurde vollständig überarbeitet und bietet nun eine intuitivere und einfachere Bedienung. Dazu gehören unter anderem:
- Ein neuer Seitenlayout-Manager: Der Seitenlayout-Manager ermöglicht es dir, vorgefertigte Layouts für deine Website zu verwenden.
- Ein CSS-Editor: Der CSS-Editor ermöglicht es dir, die CSS-Eigenschaften deiner Website zu bearbeiten.
- Ein JavaScript-Editor: Der JavaScript-Editor ermöglicht es dir, JavaScript-Code in deine Website einzubinden.
Verbesserte Performance
Divi 5.0 wurde für eine bessere Performance optimiert und läuft nun noch schneller und flüssiger. Dazu gehören unter anderem:
- Verbesserte Bildverarbeitung: Divi 5.0 verwendet ein neues Bildverarbeitungssystem, das für eine bessere Performance sorgt.
- Verbesserte Cache-Verwaltung: Divi 5.0 verwendet ein neues Cache-System, das für eine schnellere Ladezeit deiner Website sorgt.
Aktueller Stand: Divi 5 – Public Alpha
Divi 5 befindet sich aktuell in der öffentlichen Alpha-Phase und wird als „Lite“-Version veröffentlicht. Das bedeutet, dass diese Alpha-Version zwar voll funktionsfähig ist, aber noch nicht alle Features und Module der finalen Version enthält. Für die Erstellung neuer Websites ist sie ideal geeignet, allerdings sind aufgrund fehlender Funktionen Einschränkungen bei bestehenden Divi-Websites zu beachten.
So bekommst du Zugriff auf die Divi 5 Alpha
Wenn du bereits einen Zugang zu Divi hast, kannst du die Alpha-Version von Divi 5 ganz einfach über den Mitgliederbereich herunterladen (Login) und installieren. Wichtig: Achte darauf, dies nur in einer Testumgebung zu tun, da die Alpha-Version noch nicht für den produktiven Einsatz gedacht ist.
Migration von Divi 4 auf Divi 5
Ein Migration-Assistent ist ebenfalls verfügbar, um den Wechsel von Divi 4 auf Divi 5 zu erleichtern. Allerdings läuft dieser nicht immer reibungslos – bei uns hat die Migration zum Beispiel nicht funktioniert, aber wir konnten problemlos wieder zurück auf Divi 4 migrieren. Falls du die Migration in Betracht ziehst, findest du hier weitere Infos.
Demo-Seite
Wenn du einen ersten Blick auf Divi 5 werfen möchtest, kannst du die öffentlich zugängliche Demo-Seite besuchen und dir einen Eindruck von der neuen Version verschaffen.
Fazit: Divi 5 in der Public Alpha-Phase bietet spannende Möglichkeiten, ist aber aufgrund der fehlenden Features und der noch nicht ausgereiften Migrationsoptionen eher für Testzwecke geeignet. Nutze die Gelegenheit, um die neue Version auszuprobieren, aber halte dich vorerst noch an Testumgebungen!
In dem folgenden Screenshot bekommt ihr schon mal einen ersten Eindruck von der Demo-Version.
Nach der Testung: was uns aufgefallen ist
Der neue Visual-Builder ist etwas anders zu nutzen als der bisherige. Die Drag und Drop Funktion der Elemente ist entfallen und ist nun über den „Layers“ Tab auf der linken Seite zu finden. Dort wird das Element, welches gerade im Fokus ist, gehighlightet und lässt sich so schnell identifizieren. Dann kann man es in eine andere Spalte oder in eine andere Sektion verschieben.
Die Bearbeitung der Elemente funktioniert inzwischen schneller, da man das neue Bearbeitungsfenster jetzt nicht mehr schließen / die Änderungen wie vorher immer mit dem grünen Haken abschließen muss. Man springt einfach von Element zu Element und macht seine Anpassungen und speichert nur noch die ganze Seite.
Die mobilen Anpassungen sind indessen sehr viel flüssiger – sowie auch nahtlos, da man nun immer am gleichen Element bleibt und nicht nach oben geschoben wird, wenn man die Mobile Ansicht wieder auf die Desktop-Darstellung wechselt. Auch die Preset-Einstellungen speichern jetzt wesentlich schneller.
Man muss sich an den neuen Workflow gewöhnen – aber der neue Visual-Builder ermöglicht es den Usern auch, sich die Arbeitsfläche so anzupassen, wie man es möchte: Man kann alle Fenster individuell verschieben und anordnen. So kann der Workflow verbessert werden.
In der Bearbeitung sowie im Theme Customizer merkt man auch die Geschwindigkeit des neuen technischen Unterbaus von Divi 5. Die Anpassungen sind flüssiger, werden so gut wie sofort umgesetzt und benötigen keine 3 Sekunden zum Laden.
Kostenfreie WordPress & Divi Beratung
Du hast Fragen rund um WordPress mit Divi? Dann nutze unsere kostenfreie und unverbindliche Beratung. Mehr zum Thema WordPress & Divi findest du auch auf unserer Schwerpunktseite.
