Divi Theme: Das komplette How-To-Handbuch 2026^*

Was ist Divi?

Das Divi-WordPress-Theme ist ein Mehrzweck-Theme, das sich sowohl an Einsteiger als auch an fortgeschrittene Nutzer richtet. Es bietet eine Reihe von Anpassungsoptionen und einen visuellen Page Builder, mit dem Sie ohne Programmierkenntnisse schöne und responsive Websites erstellen können. Dazu kommen vorgefertigte Vorlagen und Layouts, auf denen Sie Ihr eigenes Design aufbauen können.

Wir bei STARK bezeichnen uns selbst als Divi-Webdesign-Agentur. In hunderten von Projekten haben wir erlebt, dass sich kein anderes Theme so flexibel einsetzen, so schnell aufbauen und dabei so gut beherrschen lässt. Vorlagen von der Stange verwenden wir trotzdem nicht. Divi ist für uns die technische Basis, auf der wir jede Website von Grund auf individuell bauen.

Divi e.V. und das Intensivregister - wichtige Abgrenzung

Die Deutsche Interdisziplinäre Vereinigung für Intensiv- und Notfallmedizin (DIVI) e.V. ist eine Berufsorganisation, die sich für die Förderung der Intensivmedizin und Notfallmedizin in Deutschland einsetzt. Mit dem Divi-Theme hat die DIVI e.V. nichts zu tun. Wenn Sie nach dem WordPress-Theme suchen, achten Sie auf den richtigen Kontext.

Merkmale des Divi WordPress-Themes im Überblick

Divi bringt so viele Funktionen mit, dass man am Anfang leicht den Überblick verliert. Das sind die wichtigsten:

• Visual Page Builder mit Drag-and-Drop und Echtzeit-Vorschau
• 200+ vorgefertigte Layouts für verschiedene Branchen und Seitentypen
• Vollständig anpassbares Design per Theme Customizer
• Responsives Design für alle Endgeräte
• Regelmäßige Updates und aktiver Support durch Elegant Themes
• Lifetime-Lizenz für unbegrenzte Websites
• Divi Marketplace mit Erweiterungen von Drittanbietern
• WooCommerce-kompatibel für Online-Shops

Visual Page Builder

Der Divi Page Builder ist der Kern des Themes. Er ist ein Drag-and-Drop-Seiten-Builder, mit dem Sie benutzerdefinierte Seitendesigns erstellen können, ohne eine Zeile Code schreiben zu müssen. Sie fügen Elemente wie Text, Bilder, Buttons und Videos per Drag-and-Drop ein, verschieben sie und passen sie in Echtzeit an.

Echtzeit-Vorschau

Einer der größten Vorteile des Divi Builders ist, dass Sie Änderungen sofort sehen - ohne Speichern und Neu laden. Sie experimentieren mit Layouts, Farben und Stilen direkt in der Vorschau. Das spart viel Zeit und senkt die Einstiegshürde für Kunden, die ihre Website selbst pflegen wollen.

Vollständig responsive

Der Divi Builder ist von Grund auf für alle Endgeräte gebaut. Ihre Website sieht auf Desktop, Tablet und Smartphone gut aus. Für jede Website, die heute online geht, ist das Pflicht.

Vorgefertigte Templates und Layouts

Das Divi WordPress-Theme wird mit einer umfangreichen Bibliothek vorgefertigter Vorlagen ausgeliefert, mit denen Sie nicht bei null anfangen müssen. Diese Vorlagen decken verschiedene Designstile (modern, minimal, klassisch) und unterschiedliche Seitentypen (Homepages, Portfolios, Kontaktseiten) ab.

Wichtiger Hinweis: Wir nutzen keine Vorlagen

Bei STARK verwenden wir keine vorgefertigten Vorlagen, um die Websites unserer Kunden zu erstellen. Jede Seite bauen wir von Grund auf neu und zu 100 % individuell, passend zu den Zielen des jeweiligen Kunden. Die Vorlagen können aber als Inspiration oder Lernmaterial dienen, besonders wenn Sie gerade anfangen.

Wenn Sie eine Website suchen, die es so kein zweites Mal gibt, sprechen Sie uns an.

Anpassbares Design mit dem Theme Customizer

Das Divi-Theme ist für sein anpassbares Design bekannt. Mit dem Divi Theme Customizer ändern Sie das Erscheinungsbild Ihrer Website, ohne in den Code einzugreifen.

Theme Customizer: Was Sie alles kontrollieren

Der Customizer bietet Ihnen Zugriff auf alle visuellen Elemente:

• Farben: Sie wählen aus vordefinierten Farboptionen oder geben einen Custom-Hexcode ein.
• Schriftarten: Google Fonts und System Fonts direkt im Customizer verfügbar.
• Layout-Kontrolle: Containerbreite, Padding und Content-Positionierung.
• Navigation: Position von Logo und Menü, Sticky-Header optional.
• Buttons: Vordefinierte Stile oder vollständig benutzerdefiniert.
• Blog-Einstellungen: Layout der Blog-Posts und Archive.
• Favicon: Custom-Favicon hochladen für mehr Branding-Konsistenz.

Wenn Sie über den Customizer hinaus individuelle Anpassungen brauchen, lässt sich Divi hervorragend mit Custom CSS erweitern.

Responsives Design in Divi

Responsivität gehört bei Divi zum Kern des Themes und wurde nicht erst später angebaut.

Breakpoints

Mit dem Divi-Theme können Sie Elemente an verschiedenen Breakpoints ausblenden oder jeden Aspekt der Module verändern. Sie haben damit vollständige Kontrolle über das Erscheinungsbild auf jedem Gerät. Die Standard-Breakpoints (Desktop, Tablet, Mobil) decken die gängigen Szenarien ab.

Column Stacking

Beim Column Stacking werden Spalten auf kleineren Bildschirmen automatisch untereinandergestapelt. Divi nutzt diesen Mechanismus, damit Ihre Inhalte auf mobilen Geräten zugänglich bleiben, ohne das Gesamtdesign zu beeinträchtigen.

Regelmäßige Updates und Lizenzmodell

Das Divi-Theme wird regelmäßig mit neuen Funktionen, Bugfixes und Performance-Verbesserungen aktualisiert. So bleibt Ihre Website technisch auf dem aktuellen Stand.

Divi Builder 3.0

Eines der letzten großen Updates war der Divi Builder 3.0. Es brachte einen neuen visuellen Editor, mehr Tempo und viele neue Designelemente. Wer noch mit einer älteren Version arbeitet, sollte das Update nicht scheuen.

Divi Theme Builder

Der Theme Builder ermöglicht Ihnen, vollständig benutzerdefinierte Header, Footer und Beitragsvorlagen zu erstellen. Sie können verschiedene Vorlagen für unterschiedliche Seitentypen, Kategorien oder Tags anlegen und so für jede Seite genau festlegen, wie sie aussieht. Mehr zu den Neuerungen finden Sie in unserem Divi 5 Update-Artikel.

Lifetime-Lizenz

Das Divi WordPress-Theme kann auf Jahres- oder Lifetime-Basis lizenziert werden. Mit einer Jahreslizenz erhalten Sie Zugang zu allen Updates und Support für ein Jahr. Die Lifetime-Lizenz gibt Ihnen dauerhaften Zugang, solange Sie das Theme nutzen - und gilt für unbegrenzt viele Websites.

Lifetime-Lizenzen sind auf dem WordPress-Theme-Markt selten geworden. Dass Divi sie noch anbietet, unterscheidet das Theme von den meisten anderen, und auf lange Sicht sparen Sie damit viel Geld.

Sales und Aktionen

Elegant Themes bietet regelmäßig Sonderpreise und Rabattaktionen an - Black Friday ist traditionell die beste Gelegenheit. Wer keine Eile hat, kann auf eine solche Aktion warten und beim Kauf erheblich sparen.

Ladezeiten und Performance

Beim Page Speed sollten Sie bei Divi genauer hinschauen. Wie alle Theme-Builder kann auch Divi die Ladezeit bis zu einem gewissen Grad beeinflussen. Die Entwickler arbeiten kontinuierlich an Verbesserungen, aber Sie können selbst viel tun, um die Performance zu optimieren.

Als Agentur mit Erfahrung aus vielen Divi-Projekten empfehlen wir diese Maßnahmen:

• Schnelles Hosting: Die Wahl des Hosters hat den größten Einfluss auf die Ladezeit - wählen Sie Managed WordPress Hosting mit SSD und HTTP/2. Eine Auswahl finden Sie in unserem Vergleich der besten WordPress-Hostings.
• Bilder optimieren: WebP-Format, sinnvolle Kompression, Lazy Loading.
• Plugins minimieren: Jedes Plugin kostet Performance. Nur installieren, was wirklich gebraucht wird.
• Caching einrichten: WP Rocket oder LiteSpeed Cache sind bewährte Lösungen.
• CSS/JS minimieren: Divi selbst bietet Optionen zum Minifizieren und Defer von nicht kritischen Ressourcen.

Mit diesen Maßnahmen erreichen Sie auch mit Divi sehr gute Core Web Vitals. Mehr zum Thema in unserem Ratgeber zur technischen SEO.

Divi Marketplace

Der Divi Marketplace ist eine Online-Plattform mit vorgefertigten Vorlagen, Child-Themes, Plugins und anderen Designelementen für Divi-basierte Websites. Wer nicht jedes Element selbst bauen will, spart dort viel Zeit.

Gleichzeitig ist der Marketplace ein Ort für Designer und Entwickler, die ihre Arbeiten verkaufen wollen. Sie können ein Verkäuferkonto erstellen und eigene Produkte anbieten - von kompletten Website-Vorlagen bis zu einzelnen Designelementen. Wer mehr aus seiner Divi-Website herausholen will, findet im Marketplace passende Erweiterungen.

So richten Sie Divi ein: Schritt für Schritt

Die Installation und erste Einrichtung von Divi ist auch ohne Vorkenntnisse gut zu meistern. Hier der schnelle Überblick:

1. Theme installieren

Laden Sie das Divi-Theme von der Elegant-Themes-Website herunter und laden Sie es über Design > Themes > Neu hinzufügen > Theme hochladen in Ihre WordPress-Installation hoch. Nach der Aktivierung steht Ihnen der Divi Builder sofort zur Verfügung.

2. Layout wählen oder eigenes erstellen

Sie können aus der vorgefertigten Layout-Bibliothek einen Startpunkt wählen oder direkt mit dem Visual Builder ein eigenes Layout aufbauen. Für professionelle Ergebnisse empfehlen wir den zweiten Weg - so ist jede Seite wirklich Ihre eigene.

3. Design anpassen

Im Theme Customizer unter Divi > Theme Customizer legen Sie Farben, Schriften, Abstände und Navigationsstil fest. Definieren Sie zuerst Ihr globales Design-System, bevor Sie einzelne Seiten bauen - das spart Zeit und sorgt für Konsistenz.

4. Module hinzufügen

Über den Builder fügen Sie die gewünschten Module ein: Text, Bilder, Videos, Buttons, Kontaktformulare, Slider und viele mehr. Jedes Modul lässt sich individuell stylen und für verschiedene Breakpoints anpassen.

5. Website veröffentlichen

Nach der Anpassung veröffentlichen Sie Ihre Seiten wie gewohnt über das WordPress-Dashboard. Vergessen Sie nicht, vor dem Launch einen Performance-Check durchzuführen und die Seiten SEO-seitig zu optimieren - dazu empfehlen wir unsere Seite zur WordPress-Agentur und den Vergleich der besten WordPress-Themes.

Divi-Entwickler: Elegant Themes

Divi wird von Elegant Themes entwickelt, einem 2008 von Nick Roach gegründeten Unternehmen. Elegant Themes ist ein beliebter Anbieter von WordPress-Themes und Plugins, und Divi ist ihr Flaggschiffprodukt.

Divi wurde erstmals 2013 als Mehrzweck-Theme mit Drag-and-Drop-Page-Builder veröffentlicht. Seitdem ist es zu einem der leistungsfähigsten Theme-Builder für WordPress gewachsen. Den letzten großen technischen Schritt hat Elegant Themes mit Divi 5 gemacht.

Divi kaufen: Preise und Lizenzen im Vergleich

Es gibt zwei Hauptoptionen beim Kauf von Divi:

• Jahres-Abo: Regelmäßige Updates und Support für ein Jahr, danach Verlängerung möglich. Aktuell ab 89 $/Jahr für alle Elegant-Themes-Produkte.
• Lifetime-Lizenz: Einmalige Zahlung, lebenslanger Zugriff auf Updates und Support. Aktuell ab 249 $ einmalig - die günstigere Variante auf lange Sicht.

Beide Optionen gelten für eine unbegrenzte Anzahl von Websites. Das ist ein erheblicher Vorteil, besonders für Agenturen und Freelancer, die mehrere Kundenprojekte betreuen.

Unser Tipp: Wenn Sie vorhaben, Divi langfristig zu nutzen, lohnt sich die Lifetime-Lizenz fast immer. Warten Sie auf eine Promo-Aktion - Sie sparen regelmäßig 20-30 %.

Divi Theme vs. andere beliebte WordPress-Themes

Divi ist eines der beliebtesten WordPress-Themes auf dem Markt. Im Vergleich zu anderen Themes wie Avada oder Genesis zeichnet es sich durch seine benutzerfreundliche Drag-and-Drop-Oberfläche und Vielseitigkeit aus.

• Divi vs. Avada: Avada verlangt mehr technisches Know-how, bis Sie es wirklich ausreizen können. Divi ist einsteigerfreundlicher.
• Divi vs. Genesis: Genesis bietet eine solide technische Basis, hat aber deutlich weniger Anpassungsmöglichkeiten. Es richtet sich eher an Entwickler, die alles selbst aufbauen wollen.
• Divi vs. Elementor: Elementor ist ebenfalls ein beliebter Builder, aber als Plugin konzipiert. Divi ist Theme und Builder in einem, was den Workflow vereinfacht.

Für einen umfassenderen Vergleich empfehlen wir unseren Artikel über die besten WordPress-Themes 2026.

Divi im Detail: Tipps und Tricks für Fortgeschrittene

Wer Divi regelmäßig nutzt, entwickelt schnell einen Workflow. Die folgenden Tipps stammen aus unseren Kundenprojekten.

Drag-and-Drop effektiv nutzen

Nutzen Sie die Drag-and-Drop-Funktion, um schnell benutzerdefinierte Layouts zu erstellen. Sie können Module hinzufügen, verschieben und anpassen, ohne eine Zeile Code zu schreiben. Für komplexere Layouts empfiehlt sich die Arbeit mit Sektionen und Zeilen als strukturgebende Elemente.

Globale Elemente und Bibliothek verwenden

Speichern Sie häufig verwendete Sektionen oder Module als globale Elemente in der Divi-Bibliothek. Ändern Sie das globale Element, aktualisiert Divi automatisch alle Seiten, auf denen es eingebunden ist. Das spart Zeit, und keine Seite weicht mehr unbemerkt vom Design ab.

Schriften und Farben im Global Design System definieren

Experimentieren Sie mit verschiedenen Schriftarten und Farbschemata. Mit Divi lassen sich diese Elemente global anpassen - definieren Sie Ihre Farbpalette und Ihre Typographie einmal und übernehmen Sie sie überall. So bleibt Ihr Design konsistent.

Ladezeit-Optimierung konsequent angehen

Deaktivieren Sie überflüssige Animationen und Effekte, minimieren Sie CSS und JavaScript und wandeln Sie Bilder in WebP um. Divi bietet dafür eigene Einstellungen unter Divi > Theme-Optionen > Performance. Dazu gehört ein gutes Caching-Plugin.

Plugin-Integration clever einsetzen

Divi spielt problemlos mit WooCommerce (für Online-Shops) und Yoast SEO (für On-Page-Optimierung) zusammen. Halten Sie die Plugin-Anzahl trotzdem niedrig - jedes zusätzliche Plugin belastet die Ladezeit. Mehr zum Thema SEO mit WordPress in unserem Beitrag zu Custom CSS in Divi.

Immer aktuell bleiben

Bleiben Sie auf dem neuesten Stand der Divi-Updates. Elegant Themes veröffentlicht regelmäßig neue Funktionen und Sicherheitspatches. Testen Sie Updates immer zuerst auf einer Staging-Umgebung, bevor Sie sie live schalten - das schützt Sie vor unerwarteten Problemen.

Erfahrungsberichte aus der Community

Die Divi-Community ist groß und aktiv. In Foren und Facebook-Gruppen tauschen sich täglich Tausende von Nutzern aus, teilen Lösungen und helfen bei Problemen. Gegenüber weniger verbreiteten Themes ist das ein Vorteil, der oft unterschätzt wird: Wenn Sie auf ein Problem stoßen, hat meistens schon jemand die Lösung gepostet.

Mit Divi Child-Themes sicher anpassen

Wer Divi tiefer anpassen will, kommt an Child-Themes kaum vorbei. Ein Divi-Child-Theme ist ein eigenständiges WordPress-Theme, das alle Funktionen des Eltern-Themes erbt, Ihre Änderungen an Code, Funktionen und Styles aber getrennt davon ablegt. Der Vorteil: Bei Updates des Eltern-Themes bleiben Ihre Anpassungen erhalten, statt überschrieben zu werden. Für reine CSS-Ergänzungen reicht oft der Customizer, für eigene Template-Dateien oder Funktionen ist ein Child-Theme aber der saubere Weg. Wir setzen bei Kundenprojekten grundsätzlich auf Child-Themes, sobald Anpassungen über einfaches Custom CSS hinausgehen.

Das Divi-Ökosystem: Erweiterungen, Tutorials und Lernquellen

Rund um den Builder hat sich ein großes Ökosystem aus Plug-ins, Layout-Paketen und Child-Themes von Drittanbietern entwickelt, das den Funktionsumfang deutlich erweitert. Wer einsteigt, findet zahlreiche Tutorials: Elegant Themes selbst pflegt eine umfangreiche Doku und einen Blog, dazu kommen Community-Seiten wie Divi.world sowie viele Videoanleitungen. Ein praktischer Hinweis: Ein Großteil des Materials ist in englischer Sprache verfasst. Mit Grundkenntnissen in Englisch kommen Sie deutlich weiter. Neben Divi selbst bietet Elegant Themes auch das Extra Theme an, ein auf Magazine und Blogs ausgerichtetes Schwester-Theme, das auf demselben Builder aufsetzt.

Zum Ökosystem gehört inzwischen auch Divi AI. Die KI-Funktion unterstützt beim Schreiben von Texten, beim Generieren von Bildern und beim Vorschlagen ganzer Page-Layouts direkt im Builder. Sie ersetzt keine durchdachte Strategie, kann aber bei einem ersten Entwurf oder bei Platzhalter-Inhalten Zeit sparen. In Kombination mit den globalen Design-Einstellungen, in denen Sie Farben und Typografie wie eine Global Variable einmal zentral festlegen, lässt sich so schnell ein konsistenter Page-Layout-Entwurf aufbauen, den Sie anschließend von Hand verfeinern.

Häufige Fragen zu Divi

Joshua Stark

Geschäftsführer STARK Marketing

Joshua hat STARK 2016 gegründet und leitet die WordPress- und SEO-Praxis. Divi ist seit Jahren das meistgenutzte Theme in unseren Projekten. Über 100 Websites gebaut, jede davon individuell.

Verwandte Artikel

* Einige Links in diesem Artikel sind Partnerlinks. Buchen Sie über sie, bekommen wir eine kleine Provision. Für Sie ändert sich der Preis nicht.