Wie Divi 5 den Pfad legt (während sie noch in Alpha)

Divi 5 nimmt zweifellos Gestalt an. Es ist erst vier Monate her, seit wir unsere erste neue Funktion für Divi 5 - anpassbare Haltepunkte - gestartet haben und seitdem stetige und beeindruckende Fortschritte erzielt haben. In diesen vier Monaten haben wir sieben weitere bahnbrechende Funktionen für Divi 5 veröffentlicht. Dies zeigt die starke Grundlage, die wir während unserer vollständigen Überarbeitung der Divi -Code -Basis erstellt haben.

Und wir fangen gerade erst an. Schauen wir uns einen breiten Blick darauf an, wie Divi mit anderen WordPress -Themen und Seitenbauern verglichen wird. Wie bereits erwähnt, haben wir in den nächsten Monaten noch viel in der Pipeline, aber es lohnt sich, sich zu dankbar, wo Divi 5 ist, und es mit anderen Lösungen zu vergleichen. Dies ist kein 360-Grad-Vergleich, sondern eine allgemeinere Umfrage.

Hinweis: Divi 5 ist bereit, auf neuen Websites verwendet zu werden, aber wir empfehlen noch nicht, vorhandene Websites in Divi 5 konvertieren.

Fortschritte bei Divis Comeback

2025 ist das Jahr von Divi 5. Wir tun alles, um das beste Erlebnis von Site auf WordPress aufzubauen.

Dies begann mit grundlegenden Veränderungen unter der Motorhaube und verwandelt sich nun in ein neues Designsystem und unterstützende Funktionen.

1. Refactored & Modern Codebase

Divi 5 kam nicht durch ein Patchwork mit schnellen Korrekturen und Updates an. Jedes Modul, jede Einstellung und jedes Interaktion wurde neu gestaltet, um eine neue Architektur zu unterstützen, die sauberer, schneller und erweiterbar ist.

Im Gegensatz dazu machte die Sauerstoffentwicklung monatelang in der Entwicklung und startete später einen neuen Bauunternehmer ohne Upgrade -Pfad für vorhandene Sauerstoffstellen. Wenn Sie in ihr Legacy -Produkt investiert wurden, müssen Sie in ihrem neuen Framework wieder aufbauen oder sich mit Sicherheitsaktualisierungen zufrieden geben (oder zu einem anderen Bauunternehmer wechseln).

Sauerstoff V4 ist nicht mit dem neu angekündigten V6 kompatibel

Divi 5 ist anders. Wir haben die Rückwärtskompatibilität im Fokus gehalten und gleichzeitig eine Grundlage für die Zukunft geschaffen.

Kleinere Teams entwickeln neue Plattformen oder pflegen alte Legacy, aber wie sie sich im Laufe der Zeit entwickeln werden, ist unklar. Plattformen wie Builderius oder Etch haben farbenfrohe Manifestos, müssen sich aber noch mit ihrer Langlebigkeit bewiesen. WPBAKERY läuft immer noch auf einer alten Stiftung mit einem Rinnsal von Funktionen, die jedes Jahr herauskommen, während sie einen separaten, nicht kompatiblen Website-Bauunternehmer erstellt haben.

Der Blockredakteur versprach eine neue Ära des WordPress -Designs, lieferte jedoch den Entwicklern stark. Die meisten Standortbesitzer finden es immer noch einschränkend und komplex, sodass sie es mit einem Plugin ergänzen, um es funktionsfähig zu machen.

Dies sind nur einige der Plugins, ganz zu schweigen von den vielen weiteren ergänzenden Themen

Da elegante Themen ein großes, stabiles Team mit einer jahrzehntelangen Erfolgsbilanz haben, wetten Sie nicht auf Vaporware oder ein experimentelles Produkt.

2. Bestes Preset -System für WordPress

Die meisten Designsysteme verwenden nur selektive globale Stile oder themen.json -Dateien. Divi 5 unterstützt benutzerdefinierte CSS und native Designvariablen, verfügt aber auch über ein umfangreiches voreingestellter System, einschließlich Optionsgruppen- und Elementvoreinstellungen.

Optionsgruppen Voreinstellungen funktionieren über Elemente hinweg, die ähnliche Gruppen von Einstellungen haben. Dies ist eine großartige Möglichkeit, um beispielsweise Ihre Überschriften, Abstand, Abstand, Größen- und Grenzradien zu verleihen.

Element -Voreinstellungen gibt es schon lange mit DIVI und können Sie mit denselben Modulen, die in verschiedenen Kontexten verwendet werden, problemlos Designs anwenden. Andere Bauherren bieten möglicherweise globale Stile an, aber Divi 5 geht weiter, indem Sie Gruppen von Einstellungen auf komponierbare Weise erstellen und wiederverwenden. Dies ist ein massives Produktivitäts -Upgrade, das weitgehend nur für Divi ist.

3. Entwurfsvariablen

Es gibt zwei wichtige Dinge, die Sie über Designvariablen wissen müssen:

1. Entwurfsvariablen funktionieren ähnlich wie CSS -Variablen, sodass Sie wiederverwendbare Werte in der Benutzeroberfläche speichern können.
2. Entwurfsvariablen bewegen sich über die typischen CSS -Variablen hinaus, um auch Inhalte einzuschließen (denken Sie an Bilder, URLs und Textketten).

Ziegel unterstützt Farb- und Abstands -Token, aber Divis Variablen gehen tiefer. Sie können Dinge wie einen Anruf-zu-Action-Text, Bilder oder sogar bestimmte URLs als Variablen definieren und sie überall wiederverwenden, wo er sinnvoll ist.

Elementor, WPBakery und der Blockeditor bieten keine systemweiten Variablen. Natürlich hat Divi dies und ermöglicht es Ihnen auch, CSS -Variablen zu verwenden, wie Sie es für richtig halten.

4. Fähigkeit, alle CSS -Einheiten zu verwenden

Keine grundlegenden Einheitenbeschränkungen mehr. Divi 5 akzeptiert eine gültige CSS-Einheit-einschließlich VW, REM, Fit-Content, Clamp () und Calc (). Sie können sogar CSS -Variablen verwenden, die Sie durch benutzerdefinierte CSS hinzufügen können.

Verwenden Sie Advanced CSS -Einheiten und -Funktionen im gesamten Editor, auch im Variablen -Manager

Divi 5 unterstützt alle modernen CSS -Einheiten, einschließlich Clamp (), Calc () und unitloser Werte. Dies gibt den Designern die Kontrolle über Flüssigkeitslayouts, skalierbarer Typ und reaktionsfreudiger Abstand mit den CSS -Einheiten, mit denen sie sich wohl fühlen.

5. Foundation Schwungrad

Was ist der beste Beweis für die Auszahlung für die neue Architektur von Divi 5? Die Geschwindigkeit, mit der wir neue Funktionen veröffentlicht haben. Ja, die oben gezeigten Merkmale (und einige unter diesem Punkt) sind hervorragende Ergänzungen, aber was in der Gesamtheit beeindruckend ist, ist, dass sie sehr schnell erstellt wurden.

Sieben große Features -Veröffentlichungen in nur drei Monaten. Das ist das Ergebnis eines absichtlichen Schwungradeffekts.

Tempo: Ein neues und großes Divi 5 -Feature alle 12,3 Tage!

Andere Bauherren brauchen oft Monate, um ähnliche Merkmale zu veröffentlichen, da ihre Systeme sie bei jedem Schritt des Weges bekämpfen. Sie versuchen, Wolkenkratzer auf Sand zu bauen.

Divi 5 wurde dagegen so konstruiert, dass sie wachsen und ausdehnen. Wir haben das Beste aus Divi genommen, es modernisiert und es furchtlos hinzugefügt, damit es das Beste ist, mit dem man auf WordPress aufbauen kann. Sobald Divi 5 die öffentliche Beta und darüber hinaus trifft, werden wir nicht den Wettbewerb verfolgen, sondern neue Standards für alle erstellen, denen sie folgen können.

6. Unglaubliche Geschwindigkeit

In Divi 5 reagiert der Baumeister schneller, Ihre Änderungen werden schneller und große Seiten verzögern nicht. Warum? Wir haben alles umgebaut, um nur das zu laden, was benötigt wird. Die neue Engine verwendet intelligente Codespaltung und optimierte Modullogik, die redundante Skripte aus der Gleichung entfernt. Es behandelt auch jede Interaktion mit Best Practices, um lange Ketten von Aktualisierungen oder kreisförmigen Abhängigkeiten zu vermeiden.

Elementor ist im Editor langsam und Sie können es spüren, selbst wenn Sie sich im Canvas -Modus befinden (keine Header oder Fußzeile im Editor).

Divi erzielt deutlich besser. Beachten Sie, wie schnell Sie jedes Element im Bauherr duplizieren können.

Jedes neue Feature wird streng auf Geschwindigkeit im Editor und Frontend getestet. Sie werden es fühlen, wenn Sie ein Modul öffnen oder einen Abschnitt ziehen. Die Schnittstelle ist sehr bissig und Änderungen erfolgen sofort.

Wir haben sogar unsere geliebten, aber träge Animationen entfernt, sodass Sie nicht den Klick, warten, Zyklen laden müssen.

7. Ein visueller Baumeister, der sich tatsächlich modern fühlt

Wenn Sie über die Geschwindigkeit hinausgehen, werden Sie feststellen, dass die Stimmung sofort anders ist. Die neue Schnittstelle von Divi 5 kämpft nicht gegen Sie. Die Panels werden standardmäßig angedockt; Sie können sie nach Bedarf herausholen. Sie können die Benutzeroberfläche mit dunklen/hellen Modi und benutzerdefinierten Akzentfarben anpassen. Es ist eine neue und professionelle Benutzeroberfläche für eine neue Ära des Designs.

Alles ist leicht zu lesen. Dies mag nach einem kleinen Upgrade klingen, aber jeder, der Stunden damit verbracht hat, in einer beengten Oberfläche zu entwerfen, weiß, wie wichtig das ist.

Die Ebenenansicht und der Röntgenschalter helfen Ihnen dabei, Ihre Designs auf visuell komplexen Seiten zu verstehen.

Mit der Wireframe -Ansicht, einem Divi -Klassiker, können Sie Ihre Seite aus einer strengen Layout -Perspektive sehen, ohne die Entwurfspezifikationen zu machen.

8. Anpassbare Haltepunkte

Anstelle von drei festen Haltepunkten haben Sie jetzt sieben. Alle sieben sind anpassbar, dh Sie können die Bildschirmgrößen für jeden Haltepunkt anpassen. Sie können diese auf herkömmliche Haltepunktwerte einstellen oder einen Design-First-Ansatz verfolgen und sie so anpassen, dass Sie den Anforderungen des Flusses und des Designs Ihrer Website entsprechen.

Der wahre Vorteil? Sie sind in den Herausgeber integriert und leicht zugänglich. Sie müssen Ihren Fluss nicht in drei oder vier Menüs in die Standorteinstellungen eingraben, um sie zu verwenden. Sie können breakpoint-spezifische Stile direkt auf der Leinwand testen und optimieren.

Es ist nicht revolutionär, aber für Designer glatter, direkter und freundlicher. Im Gegensatz zu WPBakery oder dem nativen Blockeditor bietet Divi 5 die volle Kontrolle über reaktionsschnelle Haltepunkte, ohne eine Codezeile zu berühren.

Wir sind noch nicht fertig (aber wir kommen bereits weiter)

Divi 5 ist nicht ausgerüstet. Es beschleunigt. Es ist noch nicht mit Feature-Vervollständigung, aber wir machen es bereits so, dass Divi den Wettbewerb aufholen und überschreiten kann. Bestehende Websites möchten möglicherweise vor dem Aktualisieren auf die öffentliche Beta warten, aber wir werden Sie darüber informieren, dass unser Migrationssystem die Abwärtskompatibilität für Module von Drittanbietern und dergleichen perfekt verarbeitet.

Wir haben das Ganze wieder aufgebaut, unsere früheren Einschränkungen entfernt, alle paar Wochen ein neues Feature verschickt und erst anfangen. Hier ist ein Blick auf das, was als nächstes kommt:

Eine neue Ära für Farbsysteme mit Divi

Das Divi -Farbsystem erhält ein Upgrade.

Wir fügen die volle Unterstützung für die HSL-basierte Farbkreation hinzu. Das bedeutet, dass Farbton-, Sättigungs- und Helligkeitswerte programmgesteuert über Ihr Design angepasst werden können. Sie können relative Farben erstellen - wie „Primärfarbe, 20% leichter“ -, die mit der globalen Palette Ihrer Marke wunderschön synchronisieren. Dies ist eine Erweiterung unseres globalen Farbmanagements und die Hinzufügung eines Designvariablenmanagers, und wir glauben, dass Sie es lieben werden.

Layouts mit Flex

Sie können bald jedes Layout entwerfen, das Sie sich vorstellen, neue Zeilenvorlagen, Spaltensteuerungen, vertikale Ausrichtung, Verpackungs- und Abstandswerkzeuge zu verwenden - alles mit Flexbox angetrieben. Es vereinfacht die Layoutstruktur, beseitigt die Notwendigkeit von „Spezialabschnitten“ und verleiht jedem Teil Ihrer Seite neue Flexibilität.

Kombinieren Sie dies mit verschachtelten Zeilen und Sie können vollständig reaktionsschnelle, tief benutzerdefinierte Layouts mit weniger Code und besserer Leistung erstellen.

Divi bewegt sich schnell

Wir haben unglaubliche neue Funktionen, verbesserte Divi -Geschwindigkeit auf den Markt gebracht und alles in einem modernen und flexiblen Redakteur gemacht.

Und jetzt, mit HSL -Farben und Flexbox auf Deck (und anderen unangekündigten Funktionen), geben wir Designer die Werkzeuge, auf die sie gewartet haben.

Hinweis: Divi 5 ist bereit, auf neuen Websites verwendet zu werden, aber wir empfehlen noch nicht, vorhandene Websites in Divi 5 konvertieren.