Was ist Divi?

Die wichtigsten Fragen und Antworten in Kürze.

Divi ist ein Theme (Design) für WordPress, mit dem Du oder Dein Webdesigner Deine Website visuell mit dem Divi Theme von Elegant Themes gestaltest und dabei Themes und Plugins integrieren kannst. Divi ist ein Produkt von Elegant Themes. Elegant Themes ist eine erfolgreiche WordPress-Entwicklergemeinschaft, die im Jahr 2007 von Nick Roach gegründet wurde.

Divi ist das Flaggschiff von Elegant Themes und das beliebteste WordPress Theme. Zusätzlich werden nützliche Plugins wie Bloom und Monarch für die Anbindung des E-Mail-Marketings oder der Social-Media-Kanäle angeboten.

Der Divi-Page-Builder

Der eigentliche Clou des WordPress Themes ist der integrierte Divi Page-Builder, der die Gestaltungsmöglichkeiten sehr flexibel macht. Im Vergleich zu vielen anderen WordPress-Themes sind die visuell umsetzbaren Designs der Divi Themes fast unbegrenzt, so dass nahezu jeder Gestaltungswunsch beeindruckend umgesetzt werden kann.

Mit dem Page-Builder kannst Du direkt im Frontend arbeiten, also in der grafischen Oberfläche Deiner Webseite, die Deine Kunden begeistern soll. Das hat den Vorteil, dass Du jede Deiner Anpassungen sofort siehst und Dich nicht in komplexem Quellcode verlieren musst (What you see is what you get – WYSIWYG). Der Page-Builder des WordPress-Themes enthält über 40 Module, beispielsweise für das Einfügen von

• Bildern,
• E-Mail-Optins,
• Videos
• oder auch Shops.

Den Page-Builder kannst Du kostenlos auf der Website von Elegant Themes ausprobieren. Wie Du siehst, kannst Du die Größen der Sektionen und Module kinderleicht anpassen. Auch Inhalte wie Bilder und Texte kannst Du hier austauschen und Dich mit dem Tool vertraut machen.

Templates mit dem Divi Theme Builder

Möchtest Du Deinem Blog ein unverwechselbares Design verleihen, ohne jede Seite einzeln bearbeiten zu müssen? Oder einen eigenen Website-Header und Footer erstellen? Mit dem Divi Theme Builder hast Du das perfekte Werkzeug an der Hand, um globale Design-Vorlagen zu erstellen, die automatisch für alle Deine Beiträge gelten.

Hier sind die größten Vorteile für Dich:

Globale Kontrolle: Du kannst Layouts für Blog-Artikel, Archivseiten sowie Kopf- und Fußzeilen zentral festlegen.

Visuelles Design: Nutze den Page Builder mit seinen über 46 Modulen, um Deine Vision ohne Programmierkenntnisse umzusetzen.

Zeitersparnis: Einmal erstellt, sorgt die Vorlage für ein konsistentes Erscheinungsbild auf Deiner gesamten Website.

Egal ob Du den klassischen WordPress-Editor bevorzugst oder voll auf den visuellen Divi Page Builder setzt – der Theme Builder macht Deine WordPress-Gestaltung effizient und professionell.

Mehr zum Thema: Divi 5 Header erstellen: Ein schicker Website-Header mit Glas-Effekt und Button in 10 Minuten

Divi Blog erstellen

Du möchtest einen Divi Blog erstellen? Mit dem Divi Theme von Elegant Themes kannst Du schnell und einfach ein modernes Blog Layout im Divi Theme Builder erstellen. Im Divi Theme Builder erstellst Du einmalig ein Template für Deine Blogbeträge. 

Anschließend schreibst Du Deine Beiträge selbst im Gutenberg-Editor in der Beitragsfunktion von WordPress. So ist ein einheitliches Layout gewährleistet. Zusätzlich hat dieses Vorgehen den Vorteil, dass Du Deine Blogbeiträge bei einme Theme Wechsel weiterhin verwenden kannst.

Divi Theme Optionen

Die Divi Theme Optionen bieten eine umfangreiche Sammlung von Einstellungen, mit denen Du das Erscheinungsbild und die Funktionalität Deiner WordPress-Website vollständig anpassen kannst;

• von globalen Layout-Einstellungen,
• Typografie und Farben
• bis hin zu responsiven Design-Optionen,
• benutzerdefinierten CSS-Feldern
• und Leistungseinstellungen

lässt das Divi Theme kaum Wünsche offen, sodass sowohl Einsteiger als auch erfahrene Entwickler schnell individuelle Kopf- und Fußzeilen, Seitenlayouts und Modulstile erstellen können, während integrierte Design-Vorlagen, der visuelle Divi Builder und umfangreiche Theme-Optionen die Erstellung konsistenter, markenkonformer Webseiten beschleunigen.

Divi Bibliothek

Die Divi Bibliothek ist dein zentraler Ort, um Layouts, Divi Layouts, Vorlagen und wiederverwendbare Module zu speichern und sie schnell und einfach in deinem Divi Theme von Elegant Themes zu nutzen; wenn du das Divi Theme für WordPress einsetzt, profitierst du vom Divi Builder, Divi Page Builder und dem Drag-and-Drop-Builder von Divi.

Vorteile des Divi-Themes

1. Design & Tools: Mit dem Divi Theme Builder gestaltest Du den Website Header und Footer individuell. Funktionen wie Divi AI, Divi Leads, Divi Cloud und Divi Quick Sites unterstützen Dich dabei.
2. Effizienz: Nutze die Divi Bibliothek mit zahlreichen Divi Layouts, um Zeit zu sparen. Auch die Verwaltung von Child-Themes (divi child Dateien) ist problemlos möglich.
3. Support & Lernen: Eine aktive Divi Community sowie umfassende Divi Tutorials und Divi Theme Anleitungen helfen Dir bei jedem Schritt.
4. Erweiterbarkeit: Im Divi Marketplace findest Du weitere Themes wie das Extra Theme sowie nützliche Plugins.

Beim Abwägen der Vor- und Nachteile des Divi Themes zeigt sich durch ständige Updates (wie von Divi 4 zu Divi 5), dass das Tool zukunftssicher bleibt. Wenn Du das Divi Theme kaufen möchtest, achte auf Divi Theme Angebote, Rabatte oder eine Mitgliedschaft bei Elegant Themes.

Nachteile des Divi-Themes 

Nachteile des Divi Themes liegen vor allem in seiner Größe und Komplexität: Durch den umfangreichen Funktionsumfang und die vielen Module kann es in Verbindung zu erhöhten Ladezeiten und einem höheren Ressourcenverbrauch kommen, was sich negativ auf die Seitenperformance und das Nutzererlebnis auswirken kann.

Die starke Abhängigkeit vom Divi-Builder führt zudem zu sogenannter Lock-in-Effekt — wenn man zum Beispiel zu einem anderen Theme wechseln möchte, bleiben oft Shortcodes und Formatierungen zurück, die das Redesign erschweren. Entwickler und fortgeschrittene Nutzer bemängeln außerdem, dass die generierten Markup- und CSS-Strukturen manchmal unübersichtlich sind und individuelles Debugging oder feine Anpassungen erschweren.

Weitere Nachteile sind mögliche Kompatibilitätsprobleme mit bestimmten Plugins, gelegentliche Stabilitätsprobleme nach Updates sowie die Tatsache, dass der volle Funktionsumfang nur mit einer kostenpflichtigen Lizenz verfügbar ist, was für kleinere Projekte oder Kunden mit begrenztem Budget ein Nachteil sein kann.

Divi Flexbox und Divi Grid

Willst Du Deine Website-Designs flexibler und professioneller gestalten? Mit der Einführung von Divi Flexbox erhältst Du mächtige Werkzeuge, um Elemente wie Buttons oder Spalten intuitiv und mobil neu zu anzuordnen. Kombiniert mit einem strukturierten Divi Grid, kannst Du beeindruckende Raster-Layouts erstellen, die Deine Inhalte – egal ob Blogbeiträge oder Portfolios – perfekt in Szene setzen.

Besonders hilfreich ist dabei die Möglichkeit, die Beitragshöhen automatisch anzugleichen, sodass Deine Seite auch bei unterschiedlich langen Texten stets aufgeräumt wirkt. Nutze diese Funktionen im Divi Theme Builder, um ohne großen Aufwand moderne und ansprechende Vorlagen für Deine gesamte Website zu kreieren.

Hier erfährst Du mehr zum Thema: Divi 5 Reihenfolge von Spalten mobil ändern — schnell per Klick

Ist Divi für einen Online-Shop geeignet?

Fragst Du Dich, ob Divi 5 und WooCommerce ein gutes Team sind? Die Antwort ist ein klares Ja! Das neue Update bringt eine native WooCommerce-Integration, die Deinen Workflow im Online-Shop massiv verbessert.

Hier sind die wichtigsten Vorteile für Dich:

1. Volle Design-Kontrolle: Du kannst jedes Element direkt im Visual Builder anpassen, ohne auf mühsame CSS-Hacks angewiesen zu sein.
2. Bessere Performance: Durch die moderne, Shortcode-freie Basis läuft Dein Shop spürbar schneller als mit Divi 4.
3. Eigene Produktseiten: Du erhältst die volle Kontrolle über Deine Layouts und bist nicht mehr auf die Standard-Vorgaben von WooCommerce beschränkt.
4. Erweiterte Funktionen: Plugins wie „Woo Essential“ sind bereits kompatibel und bieten Dir zusätzliche Module wie Wunschlisten oder Quick-View.

Dank des integrierten Abwärtskompatibilitäts-Systems kannst Du Deine bestehenden Shop-Layouts meist problemlos übernehmen, solltest sie aber nach der Migration kurz überprüfen.

Ist Divi für einen WordPress Mitgliederbereich geeignet?

Planst Du einen exklusiven WordPress-Mitgliederbereich? Das Divi Theme ist dafür eine hervorragende Wahl, da es Dir die nötige Flexibilität bietet, um geschützte Inhalte professionell zu präsentieren.

Hier sind die Gründe, warum Divi Dein Projekt unterstützt:

• Gestalterische Freiheit: Mit über 46 Modulen im Divi Builder kannst Du Dashboards und Kursübersichten visuell ansprechend gestalten, ohne eine einzige Zeile Code schreiben zu müssen.
• Individuelle Formulare: Für den Zugang Deiner Mitglieder lassen sich problemlos maßgeschneiderte Registrierungs- und Kontaktformulare direkt im Theme erstellen.
• Klare Inhaltsstruktur: Nutze kurze Absätze und übersichtliche Layouts, um Deine exklusiven Informationen für Deine Zielgruppe optimal aufzubereiten.

Egal welches Ziel Du mit Deinem Mitgliederbereich verfolgst – die intuitive Handhabung von Divi hilft Dir dabei, Deine Gedanken und Inhalte perfekt zu strukturieren. Auch mit dem Member-Plugin WishList Member ist Divi perfekt integriert. Damit kannst Du sogar einzelne Divi-Sektionen, je nach Nutzer-Berechtugung ein- und ausblenden.

Responsive Design mit Divi 5

In der neuen Divi-Version 5 hebt sich das WordPress Theme noch einmal mehr von der Konkurrenz ab. Für die mobile Website-Optimierung hast Du bis zu sieben Breakpoints zur Verfügung. In Divi 4 waren es nur drei.

Zusärtzlich kannst Du die Pixelwerte dieser Breakpoints, also wann genau es zum z. B. zum Umbruch vom Tablet auf das Smartphone kommt, individuell festlegen: 

• Ultra Widescreen,
• Widescreen, Desktop,
• Tablet Wide, Tablet,
• Phone Wide
• und Phone.

Ist das Divi Theme DSGVO-konform?

Fragst Du Dich, ob Du mit dem Divi Theme rechtlich auf der sicheren Seite bist und es DSGVO-konfrom ist? Die gute Nachricht: Grundsätzlich ist Divi DSGVO-konform, sofern Du ein paar wichtige Einstellungen vornimmst.

Der kritischste Punkt ist meist die Einbindung von Google Fonts. Wenn diese standardmäßig von externen Google-Servern geladen werden, werden Nutzerdaten (IP-Adressen) ohne Einwilligung übertragen, was zu Abmahnungen führen kann.

Um Deine Website sicher zu machen, solltest Du:

Google Fonts lokal einbinden: Deaktiviere die Standard-Option in den Divi-Einstellungen und lade Schriften lokal hoch oder nutze Plugins wie den DIVI DSGVO Helper oder OMGF.

Externe Dienste prüfen: Achte darauf, dass Karten von Google Maps oder YouTube-Videos erst nach einer aktiven Zustimmung (Consent) geladen werden.

Mit diesen Anpassungen nutzt Du die volle Power von Divi, ohne den Datenschutz aus dem Blick zu verlieren.

Mehr zum Thema: Divi 5 Google Schriften (fonts) DSGVO konform installieren

Divi Vergleich mit Elementor

Divi ist im Gegensatz zu Elementor ein komplettes WordPress Theme. Elementor besteht nur aus einem Plugin ist kein Theme. Für Elementor kannst Du beispielsweise das Theme Astro oder Hello von Elementor nutzen. Die Pro-Version von Elementor hat im Gegensatz zum Divi Theme keine Lifetime-Lizenz, sondern eine Jahreslizenz. 

Letzdendlich hängt es auch von Deinen individuellen Präferenzen ab, mit welchem Visual Builder Du besser klar kommst. 

Hier findest Du einen ausführlichen Vergleich: Divi 5 vs. Elementor — Welcher WordPress Page Builder ist besser für Deine Website?

Erfahre auch mehr über die neuen Features der Divi Builders. Divi 5 Flexboxfunktion – ein neues Feature der Divi Themes.

SEO-freundliche Divi-Integration

Das Divi Theme ist kompatibel mit gängigen SEO-Plugins wie RankMath oder Yoast und bietet sauberen HTML-Code, der Suchmaschinen das Crawlen Deiner Webste erleichtert. Achte darauf, aussagekräftige Überschriften, Alt-Texte für Bilder und strukturierte Daten zu nutzen, um Deine Sichtbarkeit zu erhöhen.

Mehr zum Thema: SEO – Genial einfach mit RankMath und Divi

Performance und Ladezeiten optimieren

Auch wenn Page Builder manchmal Performance kosten, gibt es im Divi Theme zahlreiche Einstellungen zur Optimierung: Aktivierung des statischen CSS-Generierers, Lazy Loading für Bilder und Minimierung von Scripts helfen Dir, die Ladezeiten zu verbessern.

Plugins und Divi Erweiterungen nutzen

Du kannst Divi mit zahlreichen Plugins kombinieren, um Funktionen wie Kontaktformulare, Online-Shops oder Mehrsprachigkeit zu ergänzen. Achte darauf, nur gut gepflegte Erweiterungen zu nutzen, um Konflikte und Sicherheitslücken zu vermeiden. Viele kompatible Erweiterungen findest Du im Divi Marketplace.

Sicherheit und Website Backup

Für den Schutz Deiner Website solltest Du regelmäßige Backups, ein Sicherheits-Plugin und aktuelle Versionen von WordPress und dem Divi Theme einsetzen. So stellst Du sicher, dass Anpassungen und Inhalte bei Problemen schnell wiederhergestellt werden können.

Mehr zum Thema: WP Vivid Pro – WordPress Backups sicher, einfach und automatisiert

Beindruckende Divi Features

Scroll Effects – 6 verschiedene Animationen

Mit den Scrolleffekten in Divi kannst Du beispielweise den Header „sticky“ machen. So eingestellt bleibt er beim Scrollen der Webseite stets sichrbar und man gelangt jederzeit in das Homepage Menü.

Der Divi Builder bietet 6 verschiedene Typen von Scroll-Animationen:

• Vertical Motion: Parallax-Effekt für vertikale Bewegungen
• Horizontal Motion: Seitliche Bewegungen beim Scrollen
• Fade In/Out: Ein- und Ausblenden von Elementen
• Scale: Vergrößern oder verkleinern von Elementen
• Rotate: Rotations-Animationen
• Blur: Unschärfe-Effekte

Dabei ist alles individuell einzustellen und visuell gestaltbar. Du entscheidest, wann die Animation startet, wie stark sie ist, wie schnell sie reagiert.

Divi Theme-Kosten

Die Zugangsarten zu den Divi Builders sind durchaus fair. Eine Jahreslizenz kostet $89, die Lifetime-Lizenz $249. Mit einer jährlichen Lizenz erhältst Du alternativ das Pro-Paket, das auch Funktionen der DIVI KI (künstliche Intelligenz) oder der Divi-Cloud beinhaltet. Die inzwischen 370 Layout-Packs für den Visual Builder sind Bestandteil von beiden Paketen. 

Mit diesem Link erhältst Du 10% Rabatt auf deinen Divi Theme Kauf. Der geniale Divi Builder ist natürlich inbegroffen bei Deinem Divi Kauf, genau wie das Extre Theme. Oder Du nutzt einfach eine kostenlose Lizenz, die Du von mir bei einer Neuerstellung Deiner Divi Website erhältst.

Bei einer Webseiten-Neuerstellung erhälst Du von mir eine Divi-Liftime-Lizenz als Divi Kunde gratis dazu und kommst so in den Genuss aller Divi Vorteile.

Divi-Community

Das Divi-Theme verwenden aktuell über 700.000 WordPress-Nutzer, so dass es eine aktive und große Divi Community gibt. Elegant Themes bietet neben der umfassenden Dokumentation unzählige Video-Tutorials auf Youtube an. Kein „Divi-Hack“ der noch nicht erklärt wurde. Dieses WordPress Premium Theme ist gut zu erlernen.

Warum das Divi Theme für Dich sinnvoll ist

Das Divi Theme bietet Dir eine visuelle Drag-and-Drop-Oberfläche, mit der Du Seiten schnell und ohne Programmierkenntnisse gestalten kannst. Du profitierst von vielseitigen Layouts, responsiven Einstellungen und einer großen Community, die ständig neue Module und Tutorials bereitstellt.

Divi Theme-Ausblick

Mit dem neuen Divi von Elegant Themes kannst Du Deine Website noch einfacher gestalten. Mit dem Update von Divi 5 erhält das WordPress Theme Divi und vor allem der Divi Pagebuilder, sowohl im Frontend, als auch im Backend-Builder eine neue moderne Oberfläche, die sehr viel schneller lädt. Auch die Usability wurde verbessert, so dass das Arbeitein mti Divi in Zukunft noch einfacher und komfortabler wird, beispielsweise mit den Divi 5 nested rows. Mehr dazu erfährst Du im Video und hier kannst Du die neue Benutzeroberfläche bereits testen. 

Wie führe ich das Update auf Divi 5 durch?

Das Update auf Divi 5 kannst Du einfach mit dem Divi Migrator Tool durchführen. Divi prüft vor dem Update, ob alle Deine Website-Komponenten, wie auch die WordPress Plugins kompatibel mit Divi 5 sind. Wenn das Divi Migrator Tool grünes Licht gibt, kannst Du Deine Divi 4 Website auf das neue Divi 5 Premium Theme updaten. Mehr dazu erfährst Du in diesem Video:

Divi Theme Fazit

Mit dem modernen WordPress-Theme Divi und dem Divi Page-Buildern ist die Erstellung von Websites wesentlich einfacher geworden. Das Grundverständnis für den Programmcode in HTML (Hypertext Markup Language) oder CSS (Cascading Style Sheet) ist zwar immer noch hilfreich, aber auch ohne tiefergehende Kenntnisse ist heute nahezu jeder Endanwender in der Lage seine WordPress Webseite später anzupassen oder zu erweitern.

Wenn Du auf der Suche nach einem erfahrenen Divi Webdesigner und Divi Experten bist, dann melde Dich gerne bei mir.

Hast Du bereits Erfahrungen mit Divi oder einem anderen Tool? Schreib mir gerne in den Kommentaren.