Theme Divi WordPress - 5.12.1

Divi ist ein kommerzielles WordPress-Theme von Elegant Themes, das mit einem visuellen Drag-&-Drop-Page-Builder verbunden ist. Es ermöglicht den Aufbau jedes beliebigen Seitentyps ohne Code, da es Theme, Builder und Ökosystem in einem Produkt vereint – mit Live-Bearbeitung im Frontend und über 2.600 fertigen Layouts. Mit Divi 5 (Februar 2026) wurde die Engine komplett auf React umgeschrieben.

Was ist Divi — Theme und visueller Page-Builder in einem

Divi funktioniert gleichzeitig als WordPress-Theme und visueller Drag-&-Drop-Page-Builder (Divi Builder), wobei derselbe Builder auch als eigenständiges Plugin für andere Themes läuft. In einem einzigen Produkt von Elegant Themes treffen sich Theme, Builder und Service-Ökosystem. Das Ergebnis? Jeder Seitentyp – von der Visitenkarten-Website bis zum WooCommerce-Shop – entsteht ohne Code, mit Live-Bearbeitung direkt im Frontend.

Theme, Builder und Ökosystem in einem Produkt

Divi gibt es in zwei Formen: als komplettes Multipurpose-Theme mit integriertem Builder sowie als eigenständiges Plugin Divi Builder, das sich zu einem anderen WordPress-Theme hinzufügen lässt. Slider, Formulare, Galerien, Typografie – statt eines Sets einzelner Plugins steckt der Großteil der Gestaltungsfunktionen in einem einzigen, geschlossenen Ökosystem.

Rund um den eigentlichen Builder hat Elegant Themes ein Set an Tools aufgebaut. Divi AI generiert Inhalte, Divi Cloud teilt Ressourcen zwischen Websites, und Divi Dash überwacht mehrere Websites von einem Dashboard aus. Diese Integration reduziert „Plugin-Bloat” – weniger Plugins bedeuten weniger Konfliktpunkte und weniger Aktualisierungsaufwand.

Live-Bearbeitung im Frontend (WYSIWYG)

Divi Builder arbeitet im WYSIWYG-Modus. Die Seite wird direkt im Frontend gestaltet, mit sofort sichtbarem Ergebnis in Echtzeit, ohne Wechsel zwischen Editor und Vorschau. Elemente werden per „Drag-and-Drop” hinzugefügt, geändert und entfernt.

Dieser Ansatz verkürzt den Aufbau einer Seite, denn jede Änderung von Farbe, Abstand oder Inhalt landet sofort im endgültigen Layout. Das unterscheidet sich vom klassischen WordPress-Editor, bei dem sich das Endergebnis erst nach dem Speichern und Öffnen der Vorschau zeigt.

Divi Builder, Theme Builder und fertige Layouts

Divi Builder setzt Seiten per Drag & Drop aus Hunderten fertigen Modulen zusammen – Texten, Slidern, Formularen, Galerien und Video-Modulen –, die viele einzelne Plugins ersetzen. Theme Builder steuert das Erscheinungsbild der gesamten Website über globale Header, Footer sowie Vorlagen für Beiträge und Produkte. Und über 2.600 integrierte Layouts sowie Quick Sites erlauben den Projektstart in wenigen Minuten.

Hunderte Module statt vieler Plugins

Module sind fertige Bausteine, die auf der Seite platziert werden: Texte und Buttons, Slider, Kontaktformulare, Zähler, Galerien, Video-Module, Karten und einiges mehr. Jedes davon hat ein eigenes umfangreiches Einstellungspanel, sodass die Gestaltung visuell erfolgt, ohne Code zu berühren.

• Content-Module – Slider, Galerien, Formulare und Video-Module, die direkt in den Builder integriert sind, ohne separate Plugins für jede dieser Funktionen zu installieren.
• Divi Marketplace – Tausende zusätzliche Social-Module, Erweiterungen und Child-Themes, wenn das integrierte Set nicht ausreicht.
• Reduzierung von Plugin-Bloat – integrierte Funktionen verkürzen die Plugin-Liste, was das Konfliktrisiko senkt und die Pflege der Website vereinfacht.

Theme Builder und globale Website-Vorlagen

Theme Builder steuert das Erscheinungsbild der gesamten Website von einer Stelle aus, über Vorlagen: globale Header, Footer, Seitenlayouts, Vorlagen für Beiträge, Kategorien, Suchergebnisse sowie E-Commerce-Vorlagen. Dynamische Teile – etwa die Darstellung eines einzelnen Beitrags oder Produkts – werden visuell gestaltet, genau wie eine gewöhnliche Seite.

Für jemanden, der viele Unterseiten pflegt, bedeutet das reine Zeitersparnis. Eine Änderung in der globalen Header-Vorlage aktualisiert diesen auf der gesamten Website, ohne jede Seite einzeln manuell bearbeiten zu müssen.

2.600+ fertige Layouts und Quick Sites

Divi enthält über 2.600 fertige, vollständig editierbare Layouts für verschiedene Website-Typen – von Unternehmensseiten über Portfolios bis zu Landingpages. Ein Layout wird mit einem Klick importiert und an eigene Inhalte sowie Farbgebung angepasst.

Quick Sites geht einen Schritt weiter. Damit lässt sich das gesamte Projekt aus einem fertigen Website-Paket oder einem von Divi AI generierten Layout starten, inklusive Inhalten und Bildern zum späteren Austauschen.

Was Divi 5 verändert hat — React, Loop Builder und neues Design-System

Divi 5 (stabiles Release von Februar 2026) ist ein kompletter Rewrite der Engine: von einer auf Shortcodes basierenden Architektur hin zu einem React-Framework mit block-basierter Speicherung. Das verbessert die Performance und macht Inhalte portabler. Die Version bringt den Loop Builder für dynamische Schleifen, CSS Grid und Flexbox, sieben konfigurierbare Breakpoints, klassenbasierte Presets sowie eine überarbeitete Oberfläche mit Canvases-Editor und No-Code-Interactions.

Ende der Shortcode-Suppe — block-basierte Speicherung auf React

In Divi 4 wurde der Inhalt als Shortcodes gespeichert. Nach dem Deaktivieren des Themes verwandelten sich Seiten daher in Codewände wie [et_pb_section], die sich nur schwer migrieren ließen. Divi 5 speichert Inhalte in einer block-basierten Speicherung ähnlich wie bei Gutenberg – dadurch ist sie sauberer und lässt sich leichter übertragen.

Das Umschreiben der Engine auf React hat die Performance gegenüber Divi 4 verbessert. Seiten, die zuvor in Divi 4 gebaut und danach migriert wurden, können jedoch noch einen Teil des alten Ballasts mitschleppen. Die saubere Architektur gilt für Inhalte, die im neuen Builder erstellt werden.

Loop Builder und dynamische Schleifen ohne Code

Loop Builder ist eine Neuheit von Divi 5. Er ermöglicht die visuelle Gestaltung dynamischer Schleifen – die wiederholte Darstellung von Beiträgen, Produkten, Projekten, Taxonomien oder Benutzern – ohne eine eigene Abfrage zu schreiben. Die Vorlage wird einmal erstellt, und Divi vervielfältigt sie für jedes passende Element.

In der Praxis vereinfacht das den Aufbau von Blog-Archiven, WooCommerce-Produktlisten oder Portfolios – überall dort, wo bisher Code oder ein zusätzliches Plugin für Schleifen nötig war.

CSS Grid, Flexbox und konfigurierbare Breakpoints

Divi 5 bietet volle Kontrolle über Layouts mittels CSS Flexbox und CSS Grid, verfügbar auf jedem Breakpoint. So entstehen sowohl flexible als auch streng strukturierte Raster direkt im Builder.

Die Anzahl der Breakpoints ist von drei festen in Divi 4 auf sieben konfigurierbare gestiegen, jeder mit einer individuell einstellbaren Breite. Das Design-System wird durch klassenbasierte Presets und globale Variablen ergänzt: Eine Änderung an einem Preset oder einer Variable an einer Stelle aktualisiert alle verknüpften Elemente auf der gesamten Website.

Für wen sich Divi am besten eignet

Divi eignet sich am besten für Freelancer und Agenturen, die viele Kundenwebsites in einem wiederholbaren Workflow aufbauen, für Website-Betreiber ohne Programmierkenntnisse sowie für WooCommerce-Shops, denen volle Kontrolle über das Erscheinungsbild wichtig ist. Integrierte Module verkürzen die Plugin-Liste, während Theme Builder, Divi Cloud und Divi Dash die Arbeit an mehreren Websites gleichzeitig beschleunigen.

Agenturen und Freelancer mit serieller Website-Produktion

Für Webdesign-Studios mit vielen Kunden bietet Divi einen wiederholbaren Prozess: ein Builder, globale Theme-Builder-Vorlagen und gemeinsam genutzte Ressourcen in Divi Cloud. Divi Dash ergänzt das um ein Panel zur Verwaltung von Theme- und Plugin-Updates sowie Kunden auf mehreren Websites von einer Stelle aus.

Unternehmenswebsites und WooCommerce-Shops ohne Entwickler

Der Inhaber eines kleinen Unternehmens kann die Website selbst erstellen. Ein fertiges Layout oder eine AI-Quick-Site sowie die visuelle Anpassung der Inhalte genügen. In WooCommerce-Shops erlauben dedizierte Woo-Module in Verbindung mit dem Theme Builder, Produktseiten, Archive, Warenkorb und Checkout ohne Code zu gestalten.

Für wen Divi nicht die beste Wahl ist

Für wen sich Divi am besten eignet:

• Freelancer und Agenturen, die viele Kundenwebsites in einem wiederholbaren Prozess aufbauen,
• Website-Betreiber ohne Programmierkenntnisse, die fertige Layouts und Live-Bearbeitung nutzen,
• Ersteller, die dank integrierter Module die Anzahl der Plugins begrenzen (Anti-Bloat),
• WooCommerce-Shops, denen volle Kontrolle über das Erscheinungsbild wichtig ist,
• visuell orientierte Designer, die das umfangreiche Design-System nutzen.

Für wen Divi nicht die beste Wahl ist:

• Entwickler, die maximal sauberen, semantischen Ausgabecode benötigen – Bricks und Oxygen erzeugen saubereres HTML,
• Projekte mit extrem geringem Performance-Overhead, bei denen leichtere Lösungen oft besser passen,
• Personen, die eine kostenlose Lösung suchen – Divi hat keine kostenlose Version,
• Inhouse-Marketer, denen die reine Textbearbeitung genügt – die umfangreiche Oberfläche kann überfordern.

Divi-Integrationen mit WooCommerce, ACF und Mehrsprachigkeit

Divi integriert sich nativ mit WooCommerce über dedizierte Woo-Module und E-Commerce-Vorlagen im Theme Builder, während Dynamic Content eigene Felder und ACF-Daten in Module und Vorlagen einspeist. Das Theme ist „WPML ready”, funktioniert mit Polylang und TranslatePress, und der Divi Marketplace ergänzt Tausende Social-Module, Erweiterungen und Child-Themes.

WooCommerce und Shop-Vorlagen

Die Integration mit WooCommerce ist tief und nativ. Divi liefert Dutzende dedizierte Woo-Module – unter anderem Produktgalerie, Produktliste, Produktdaten, Warenkorb – sowie E-Commerce-Vorlagen im Theme Builder. Shop-, Produkt-, Archiv- und Checkout-Seiten werden also visuell gestaltet.

Zusammen mit dem Loop Builder werden Produktlisten als dynamische Schleifen zusammengestellt, ohne Layouts für jede Kategorie manuell zu kopieren.

Dynamic Content, ACF und eigene Felder

Dynamic Content in Divi fügt Daten aus der WordPress-Datenbank – Titel, Beitragsbilder, Post-Meta und eigene Felder – in ein beliebiges Modul ein. Der Mechanismus arbeitet mit Advanced Custom Fields und eigenen Feldern zusammen, und zusätzliche Erweiterungen ergänzen dies um Felder in Woo-Produktselektoren.

In Verbindung mit dem Theme Builder ermöglicht Dynamic Content den Aufbau vollständig dynamischer Vorlagen. Das Design entsteht einmal, und die Daten werden automatisch aus jedem Beitrag oder Produkt gezogen.

Mehrsprachigkeit (WPML, Polylang, TranslatePress)

Divi ist „WPML ready” – WPML pflegt dafür dedizierten Kompatibilitätscode, und das Release WPML 4.9.1 (Februar 2026) brachte konkrete Korrekturen für Divi 5. Das Theme funktioniert außerdem mit Polylang und TranslatePress.

Hinweis zur Mehrsprachigkeit: Bei der automatischen Übersetzung von Inhalten, die im Page Builder erstellt wurden, sind manchmal zusätzliche Komponenten oder manuelle Nacharbeit nötig. Das ist ein allgemeines Merkmal der Übersetzung von Builder-Inhalten, keine spezifische Einschränkung von Divi.

Technische Anforderungen und Kompatibilität von Divi

Divi benötigt WordPress 5.3 oder neuer sowie PHP 7.4+, empfohlen wird PHP 8.0+ mit einer Datenbank MySQL 5.7+ oder MariaDB 10.2+. Empfohlen wird ein memory_limit von mindestens 128M (256M oder mehr bei umfangreichen Websites), und die Anforderungen sind für Divi 4 und Divi 5 identisch. Divi-Inhalte lassen sich in Gutenberg als Divi-Layout-Block einbetten.

WordPress-, PHP- und Datenbankversionen

Die harten Anforderungen stammen aus der Dokumentation von Elegant Themes und sind für Divi 4 und Divi 5 identisch. Die Minimalkonfiguration ist WordPress 5.3 und PHP 7.4. Für volle Kompatibilität und Performance empfiehlt sich jedoch die neueste stabile WordPress-Version sowie PHP aus dem 8.0er-Zweig.

PHP-Limits und Serverressourcen

Für einen stabilen Betrieb des Builders empfiehlt die Dokumentation ein memory_limit von mindestens 128M. Bei umfangreichen Websites mit vielen Plugins, umfassenden Inhalten oder hohem Traffic – 256M oder mehr. Weitere php.ini-Direktiven sind unter anderem post_max_size und upload_max_filesize von je 64M, max_execution_time 120 sowie max_input_vars 1000.

Divi hat keine harte Anforderung an Redis oder Memcached. Bei komplexen Projekten mit hohem Traffic eignet sich ein VPS- oder dedizierter Server besser als Shared Hosting.

Gutenberg, Multisite und das Einbetten von Inhalten

Inhalte aus dem Divi Builder lassen sich im Gutenberg-Editor als Divi-Layout-Block einbetten, wodurch sich beide Ansätze auf einer Website kombinieren lassen. Divi ist gleichzeitig ein Theme, und Divi Builder läuft als Plugin auch mit anderen WordPress-Themes.

Divi funktioniert auf WordPress-Multisite-Installationen – das bestätigt die Praxis der Community und der mehrsprachige Kontext, auch wenn der Hersteller auf der Produktseite keinen separaten, verbindlichen Hinweis „supports multisite” veröffentlicht.

Häufig gestellte Fragen