So migrieren Sie Ihre Website zu Divi 5 (Public Alpha)

Die öffentliche Alpha von Divi 5 ist verfügbar, Sie sind also wahrscheinlich gespannt darauf, die neuen Funktionen und Verbesserungen zu erkunden. Der Übergang von Divi 4 zu Divi 5 umfasst einige wichtige Schritte. Dieser Beitrag hilft Ihnen bei der reibungslosen Migration von Divi 4 auf Divi 5 Public Alpha, sodass Sie die neuesten Funktionen von Divi 5 voll ausnutzen können.

Bedenken Sie jedoch, dass die Verwendung von Divi 5 Public Alpha auf Produktionswebsites nicht sicher ist; Migrationsfehler sind sehr wahrscheinlich. Beginnen wir mit der Migration Ihrer Website auf Divi 5!

Erfahren Sie mehr über die öffentliche Alpha von Divi 5 und wie Sie sie herunterladen können.

Laden Sie die öffentliche Alpha von Divi 5 herunter

Was ist neu in der öffentlichen Alpha von Divi 5?

Divi 5 verfügt über bedeutende Upgrades, die die Leistung steigern und Ihre Interaktion mit dem Visual Builder verändern. Auch wenn die Benutzeroberfläche bekannt vorkommt, sorgen einige Verbesserungen dafür, dass die Website-Erstellung schneller und intuitiver wird.

Optimierte Benutzeroberfläche für bessere Leistung

Die neue Version ist schlank gestaltet und verzichtet auf unnötige Animationen, wobei der Schwerpunkt auf Leistung und Benutzerfreundlichkeit liegt. Divi 5 bietet ein schnelleres Visual Builder-Erlebnis, indem es zusätzliche Funktionen und auffällige Effekte eliminiert. Die optimierte Benutzeroberfläche sorgt dafür, dass Ihre Inhalte im Mittelpunkt stehen und die Produktivität ohne Ablenkungen gesteigert wird.

Verbesserte Geschwindigkeit und Leistung

Divi 5 wurde einer kompletten Überarbeitung unterzogen, um Leistung und Reaktionsfähigkeit zu verbessern. Durch die Reduzierung der JavaScript-Last und die Verwendung eines blockbasierten Ansatzes anstelle der Verwendung von Shortcodes verkürzt Divi 5 die Ladezeiten erheblich und verarbeitet komplexe Layouts effektiver. Dies führt zu einem schnelleren Visual Builder, der alle Ihre Designanforderungen erfüllt.

Besseres Multitasking mit angedockten und mit Registerkarten versehenen Bedienfeldern

Durch das Andocken mehrerer Panels und Tab-Panels ist die Handhabung komplexer Designs jetzt einfacher zu handhaben. Sie können mehrere Einstellungsbereiche gleichzeitig öffnen und nebeneinander andocken. Mit diesem Setup können Sie gleichzeitig an verschiedenen Teilen Ihrer Seite arbeiten, ohne Ihren Platz zu verlieren, und so Ihre Multitasking-Fähigkeit verbessern.

Durch die Ein-Klick-Bearbeitung werden Anpassungen einfacher

Eine der Hauptfunktionen von Divi 5 ist die neue Ein-Klick-Bearbeitung. Anstatt nach kleinen Symbolen zum Ändern der Moduleinstellungen zu suchen, können Sie auf eine beliebige Stelle im Modul klicken, um dessen Einstellungen zu öffnen. Diese Änderung minimiert die Anzahl der erforderlichen Klicks und macht den Designprozess flüssiger, insbesondere bei der Handhabung mehrerer Module.

Schnellzugriff mit Rechtsklick-Menüs

Divi 5 führt Rechtsklick-Kontextmenüs ein, die Ihnen sofortigen Zugriff auf verschiedene Einstellungen ermöglichen. Beispielsweise können Sie Stile schnell duplizieren oder Anpassungen vornehmen, ohne durch mehrere Menüs navigieren zu müssen. Wenn Sie mit der rechten Maustaste auf ein Modul oder einen Abschnitt klicken, haben Sie die Möglichkeit, Designeinstellungen zu kopieren oder Konfigurationen sofort zu optimieren.

Einfache Navigation mit Breadcrumbs im Einstellungsfeld

Breadcrumbs im Einstellungsbereich erleichtern die Navigation durch verschachtelte Einstellungen. Diese Funktion zeigt einen klaren Weg zurück durch verschiedene Ebenen und hilft Ihnen, in komplexen Modulen die Orientierung zu behalten, ohne den Überblick zu verlieren.

Heller und dunkler Modus für individuellen Komfort

Divi 5 verfügt über helle und dunkle Modi, um sich an unterschiedliche Arbeitsumgebungen anzupassen. Sie können in den Builder-Einstellungen zwischen diesen Modi wechseln, was dazu beiträgt, die Belastung der Augen zu verringern und die Benutzerfreundlichkeit bei langen Designsitzungen zu verbessern, unabhängig davon, ob Sie einen hellen oder dunklen Arbeitsbereich bevorzugen.

Und mehr…

Divi 5 erleichtert die Anwendung von Funktionen wie reaktionsschneller Bearbeitung, Hover-Effekten und Sticky-Positionierung, indem diese Optionen direkt in das Einstellungsfeld integriert werden. Dadurch sparen Sie Zeit, da zusätzliche Schritte entfallen, und der Wechsel zwischen Standard-, Hover-, Sticky- und Reaktionsstatus wird einfacher.

Mit der Canvas-Skalierung können Sie effizienter für verschiedene Bildschirmgrößen entwerfen. Anstatt die Größe Ihres Browserfensters zu ändern oder die Ansicht zu wechseln, können Sie die Leinwandgröße direkt im Builder anpassen. Dies ermöglicht Echtzeitanpassungen für responsive Layouts und stellt sicher, dass Ihre Designs auf jedem Gerät großartig aussehen. Diese Verbesserungen in Divi 5 machen Ihren Designprozess effizienter und verbessern die Qualität Ihrer Arbeit. Durch die Vereinfachung von Aufgaben und die Bereitstellung eines besser organisierten Arbeitsbereichs ermöglicht Ihnen Divi 5 die einfachere Erstellung reaktionsfähiger, optisch ansprechender Websites.

Warum auf Divi 5 migrieren?

Der Wechsel zu Divi 5 Public Alpha kann Ihren Design-Workflow erheblich verbessern und die Produktivität steigern. Sie werden eine deutliche Leistungssteigerung bemerken, mit schnelleren Ladezeiten und reibungsloseren Abläufen. Das bedeutet, dass Sie weniger Zeit mit Warten verbringen und mehr Zeit mit der Arbeit haben, sodass Sie Projekte schneller abschließen können.

Die neue Benutzeroberfläche ist benutzerfreundlich und einfach zu navigieren, sodass Sie weniger Zeit mit der Suche in Menüs und Einstellungen verbringen müssen. Dieser optimierte Ansatz ermöglicht es Ihnen, sich auf Ihre kreativen Aufgaben zu konzentrieren, ohne sich durch technische Probleme zu verzetteln, und steigert so Ihre Gesamteffizienz.

Divi 5 unterstützt außerdem besseres Multitasking und erleichtert so die Verwaltung komplexer Projekte. Diese zusätzliche Flexibilität ist von unschätzbarem Wert, wenn Sie an detaillierten Designs arbeiten, die häufige Anpassungen erfordern. Sie können mehrere Aufgaben nahtlos erledigen und so einen effektiveren Arbeitsablauf gewährleisten.

Darüber hinaus wird der Komfort bei langen Bearbeitungssitzungen verbessert, sodass Sie den Fokus behalten und die Belastung Ihrer Augen verringern können. Die verbesserte Benutzerfreundlichkeit ermöglicht es Ihnen, über längere Zeiträume ohne Beschwerden zu arbeiten. Das Erstellen responsiver Designs wird viel einfacher, Sie sparen Zeit und stellen sicher, dass Ihre Websites auf allen Geräten gut aussehen.

Bevor Sie eintauchen ...

Denken Sie vor dem Upgrade auf Divi 5 daran, dass es sich noch in der Alpha-Phase befindet. Installieren Sie es nicht auf einer Live-Site! Testen Sie es stattdessen in einem lokalen oder Staging-Bereich , da es zu Fehlern, Leistungsproblemen und unvollständigen Funktionen kommen kann. Beachten Sie, dass Divi Marketplace-Module möglicherweise noch nicht mit Divi 5 kompatibel sind. Aktivieren Sie den Abwärtskompatibilitätsmodus für Module von Drittanbietern und melden Sie alle gefundenen Fehler.

Divi 5 verwendet ein neues Speicherformat. Der Migrator erstellt eine Sicherungskopie Ihrer migrierten Inhalte, sodass Sie diese bei Bedarf wiederherstellen können. Während Divi 5 ältere Module über den Abwärtskompatibilitätsmodus unterstützt, können einige Einschränkungen bestehen.

Überprüfen Sie Ihr WordPress-Dashboard alle zwei Wochen auf Updates und beteiligen Sie sich aktiv an Tests und der Bereitstellung von Feedback. Verwenden Sie das Chat-Symbol, um Probleme zu melden und unserem Team dabei zu helfen, diese schnell zu beheben. Einige Funktionen fehlen möglicherweise zunächst, werden jedoch im Laufe der Alpha-Phase hinzugefügt, um eine umfassende endgültige Veröffentlichung zu gewährleisten.

So migrieren Sie zu Divi 5

️ Testen Sie das Migrationssystem nur lokal oder auf einer Staging-Site. Zu diesem Zeitpunkt sind Migrationsfehler sehr wahrscheinlich.

Ein Upgrade auf Divi 5 bringt viele neue Funktionen und Leistungssteigerungen mit sich, die das Design und die Funktionalität Ihrer Website erheblich verbessern können. Dank seiner fortschrittlichen Tools und der erhöhten Flexibilität ermöglicht Divi 5 die Erstellung dynamischer, reaktionsfähiger und optisch ansprechender Websites. So einfach können Sie Ihre Divi-Site auf Divi 5 umstellen:

Sichern Sie Ihre Website

Beginnen Sie damit, Ihre Website mit einem vollständigen Backup zu sichern. Mit dieser Vorsichtsmaßnahme können Sie Ihre Website wiederherstellen, falls während der Migration Probleme auftreten. Verwenden Sie WordPress-Backup-Plugins oder die Backup-Tools Ihres Hosting-Anbieters, um ein umfassendes Backup zu erstellen.

Starten Sie den Divi 5 Migrator

Greifen Sie nach der Sicherung auf das Migrationstool zu. Gehen Sie zu Ihrem WordPress-Dashboard, suchen Sie das Divi-Menü und wählen Sie die neue Option „Migrator“, um den Vorgang zu starten.

Analysieren Sie vorhandene Divi 4-Inhalte

Der Migrator durchsucht Ihre Website nach Divi 4-Elementen, beurteilt, welche Module mit Divi 5 kompatibel sind und identifiziert diejenigen, die dies nicht sind. Mithilfe dieser Analyse können Sie ermitteln, welche Teile Ihrer Website während des Upgrades besondere Aufmerksamkeit erfordern.

Treffen Sie eine fundierte Entscheidung

Überprüfen Sie den Bericht des Migranten, um zu entscheiden, ob fortgefahren werden soll. Wenn wesentliche Module in Divi 5 noch nicht unterstützt werden, können Sie die Migration verzögern. Wenn umgekehrt die unterstützten Module Ihren Anforderungen entsprechen, können Sie mit dem Upgrade fortfahren.

Kompatible Module umwandeln

Anschließend konvertiert das Tool alle Divi 4-kompatiblen Module in das Divi 5-Format und aktualisiert den Inhalt Ihrer Website entsprechend. Nicht unterstützte Module werden in einen eindeutigen Shortcode eingeschlossen, der dank des integrierten Abwärtskompatibilitätsmoduls von Divi 5 ihre Funktionalität über das Legacy-System hinweg beibehält. Diese Abschnitte profitieren jedoch nicht vollständig von den Leistungsverbesserungen von Divi 5.

Verwalten Sie nicht unterstützte Module

Nicht unterstützte Module funktionieren innerhalb des Legacy-Frameworks und stellen so sicher, dass Ihre Site funktionsfähig bleibt. Allerdings werden diese Bereiche nicht die volle Leistungssteigerung von Divi 5 erfahren und nur eingeschränkte Bearbeitungsmöglichkeiten haben, bis sie vollständig integriert sind.

Bei Bedarf wiederherstellen

Wenn bei der Migration Probleme auftreten, können Sie mit dem Migrator schnell zu Ihrem ursprünglichen Inhalt zurückkehren. Es führt eine Sicherungskopie aller migrierten Inhalte, sodass Sie Ihre Website mit einem einzigen Klick in den Zustand vor der Migration zurückversetzen und so sicherstellen können, dass Ihre Inhalte sicher bleiben.

Divi 5: Eine neue Ära für Ihre Website

Das Upgrade auf Divi 5 bringt viele Verbesserungen mit sich, die Ihren Designprozess vereinfachen und die Leistung Ihrer Website steigern. Mit Funktionen wie Ein-Klick-Bearbeitung, Rechtsklick-Menüs und angedockten Bedienfeldern wird Ihr Arbeitsablauf effizienter und angenehmer. Stellen Sie sicher, dass Sie vor der Live-Schaltung alles gründlich in einer Staging-Umgebung testen, um Kompatibilität und Funktionalität sicherzustellen.

Freust du dich darauf, Divi 5 zu erkunden? Beginnen Sie noch heute mit der Migration und schöpfen Sie das volle Potenzial Ihres Website-Designs aus. Wenn Sie auf Probleme stoßen oder Feedback haben, zögern Sie nicht, uns über die Supportkanäle zu kontaktieren. Überprüfen Sie außerdem regelmäßig Ihr WordPress-Dashboard, um über die neuesten Entwicklungen informiert zu bleiben.

Laden Sie die öffentliche Alpha von Divi 5 herunter