Weswegen
Tippen, um zu suchen
    Esc zum Schließen · Sofortsuche auf der ganzen Website

    Warum heißt Divi Divi? Herkunft des Namens und was das WordPress-Theme ausmacht

    · Weswegen-Redaktion
    WordPress

    Warum heißt Divi Divi?

    Wer nach “Warum heißt Divi Divi?” sucht, meint fast immer das WordPress-Theme von Elegant Themes – nicht den karibischen Divi-Divi-Baum, mit dem der Name zufällig kollidiert. Die kurze, ehrliche Antwort: Elegant Themes hat nie offiziell erklärt, warum das Theme “Divi” heißt. Es gibt eine naheliegende Deutung, aber keine bestätigte Quelle. Interessanter als die Namensfrage ist ohnehin die Technik dahinter: Divi ist Theme und visueller Page Builder in einem, mit dem Sie WordPress-Seiten ohne Code aufbauen. Genau das entscheidet, ob sich das Produkt für Ihr Projekt lohnt.

    Kurz gesagt: Woher der Name kommt

    Eine offizielle Namenserklärung von Elegant Themes existiert nicht. Die in der Community am häufigsten genannte Deutung: “Divi” leitet sich von divide bzw. division ab – also vom Aufteilen. Das passt zum Aufbau des Themes, das jede Seite in Sections, Rows und Modules zerlegt, also in Abschnitte, Zeilen und Bausteine. Diese Herleitung ist allerdings eine verbreitete Community-Interpretation und keine bestätigte Aussage von Elegant Themes oder Gründer Nick Roach – eine offizielle Erklärung zum Namen hat das Unternehmen bis heute (Stand: Juli 2026) nicht veröffentlicht.

    Zwei Dinge sollten Sie auseinanderhalten:

    • Der Divi-Divi-Baum (Caesalpinia coriaria) ist ein von Wind gebogener Baum auf Aruba und in der Karibik. Mit dem WordPress-Theme hat er nichts zu tun – die Namensgleichheit ist reiner Zufall.
    • Das Divi-Theme ist ein kommerzielles WordPress-Produkt. Um dieses geht es hier.

    Wenn Sie also im WordPress-Umfeld auf “Divi” stoßen, ist immer das Theme gemeint.

    Was Divi eigentlich ist: Theme und Page Builder in einem

    Divi ist keine einfache Design-Vorlage, sondern zwei Werkzeuge in einem Paket:

    1. Das Divi-Theme – der Rahmen für Ihre gesamte Website (Struktur, Kopf- und Fußbereich, Grundlayout).
    2. Der Divi Builder – ein visueller Editor, mit dem Sie Seiten per Drag-and-drop zusammensetzen, ohne Code zu schreiben.

    Sie bauen Seiten aus vorgefertigten Modulen – Textblock, Bild, Slider, Kontaktformular, Preistabelle, Blog-Feed und rund 40 weitere. Module liegen in Rows (Spaltenlayouts), Rows liegen in Sections. Diese Dreiteilung ist der Kern von Divi – und der wahrscheinliche Ursprung des Namens.

    Wichtig zu wissen: Es gibt den Divi Builder auch als eigenständiges Plugin, das mit anderen Themes läuft. Der volle Funktionsumfang – inklusive Theme Builder für Header, Footer und Templates – entfaltet sich aber erst mit dem Divi-Theme selbst.

    Die Geschichte von Divi in Kürze

    Elegant Themes wurde 2008 von Nick Roach gegründet (Sitz in San Francisco). Divi kam später und wurde schnell zum Flaggschiff:

    • Juli 2013: Ankündigung und Vorschau auf dem Elegant-Themes-Blog.
    • 11. Dezember 2013: Release von Divi 1.0 – mit Drag-and-drop-Builder (zunächst im Backend) von Anfang an.
    • Mai 2014: Divi 2.0 mit deutlich mehr Design-Optionen.
    • November 2016: Divi 3.0 bringt den echten Visual Builder im Frontend – Sie bearbeiten Inhalte direkt in der Live-Vorschau statt im Backend.
    • 17. Oktober 2019: Divi 4.0 erweitert das Ganze zum Theme Builder (individuelle Header, Footer, Beitrags-Templates).
    • 26. Februar 2026: Divi 5 erscheint nach über einjähriger öffentlicher Beta (Start der Public Beta: Oktober 2025) – ein Neuaufbau auf moderner Architektur, der die alte, shortcode-basierte Grundlage ablöst.

    Der Sprung auf Divi 5 ist relevant, weil frühere Versionen für ihre schwerfällige, shortcode-lastige Ausgabe kritisiert wurden. Genau hier setzt der Neuaufbau an.

    So arbeiten Sie mit dem Divi Builder

    Der typische Ablauf, wenn Sie eine Seite mit Divi anlegen:

    1. Seite bzw. Beitrag öffnen und oben auf “Use Divi Builder” klicken.
    2. “Build From Scratch”, ein fertiges Premade Layout oder ein gespeichertes Layout wählen.
    3. Mit “Enable Visual Builder” in die Live-Bearbeitung wechseln.
    4. Section anlegen → Row (Spaltenaufteilung) wählen → Module einsetzen.
    5. Jedes Element über das Zahnrad-Icon in drei Reitern anpassen: Content, Design, Advanced (dort auch eigenes CSS und Sichtbarkeitsregeln).

    Ein praktischer Tipp: Nutzen Sie die Divi Library, um wiederkehrende Abschnitte (etwa einen Call-to-Action oder eine Team-Sektion) einmal zu bauen und als globales Layout mehrfach einzusetzen. Ändern Sie das globale Element einmal, aktualisiert Divi es überall.

    Divi und die DSGVO: Google Fonts lokal einbinden

    Ein Punkt, der in Deutschland regelmäßig unterschätzt wird: Divi lädt standardmäßig Google Fonts direkt von Google-Servern. Damit wird beim Seitenaufruf die IP-Adresse Ihrer Besucher an Google in die USA übertragen – ohne Einwilligung ein DSGVO-Problem, spätestens seit dem viel zitierten Urteil des LG München I von 2022 zu Google Fonts.

    So entschärfen Sie das in Divi:

    • Google Fonts deaktivieren oder lokal ausliefern. Öffnen Sie Divi → Theme Options → General und setzen Sie die Einstellung “Use Google Fonts” auf Disable. Im Reiter Performance (ebenfalls unter General) steuert die Option “Improve Google Fonts Loading” zusätzlich das Caching der Schriften (Stand: Juli 2026; die genauen Bezeichnungen können je nach Divi-Version leicht abweichen).
    • Alternativ übernimmt ein Plugin wie OMGF das lokale Hosten aller Google Fonts zuverlässig.
    • Prüfen Sie zusätzlich Font Awesome und andere externe Icon-Sets, die Divi einbindet.

    Wer ohnehin einen Consent-Banner wie Borlabs Cookie einsetzt, sollte externe Schriften und Dienste konsequent bis zur Einwilligung blockieren. Wie das sauber aufgesetzt wird, lesen Sie unter /borlabs-cookie-einrichten/ und /google-fonts-lokal-einbinden-dsgvo/.

    Typische Divi-Fehler – und wie Sie sie vermeiden

    • Shortcode-Lock-in. Ältere Divi-Inhalte bestehen aus [et_pb_...]-Shortcodes. Deaktivieren Sie das Theme, bleibt im Editor Shortcode-Salat zurück. Planen Sie einen Umzug frühzeitig und exportieren Sie Inhalte bewusst. Divi 5 verbessert diese Situation architektonisch.
    • Zu viele verschachtelte Module. Jede zusätzliche Ebene kostet Ladezeit. Halten Sie Layouts flach und nutzen Sie globale Elemente statt Copy-and-paste.
    • Performance-Optionen ungenutzt. Unter Theme Options → General → Performance bringt Divi Funktionen wie Dynamic CSS, Critical CSS, Dynamic JavaScript Libraries und Defer jQuery and jQuery Migrate mit. Aktivieren Sie diese, bevor Sie zu Caching-Plugins greifen (Stand: Juli 2026; genaue Bezeichnungen je nach Divi-Version).
    • Updates ohne Staging. Größere Divi-Updates können Layouts beeinflussen. Testen Sie auf einer Staging-Umgebung, nicht direkt live. Grundlagen dazu unter /wordpress-schneller-machen/.

    FAQ

    Ist Divi kostenlos? Nein. Divi ist ein kommerzielles Produkt von Elegant Themes und wird per Jahres- oder Lifetime-Lizenz verkauft. Es gibt keine dauerhaft kostenlose Version, aber eine Geld-zurück-Garantie.

    Brauche ich Programmierkenntnisse für Divi? Für Standard-Websites nein – der Visual Builder funktioniert per Drag-and-drop. Für Feinschliff hilft etwas CSS-Wissen, das Sie im Reiter “Advanced” jedes Moduls direkt hinterlegen können.

    Ist Divi gut für SEO? Divi steht SEO nicht im Weg, erzeugt in älteren Versionen aber viel Markup. Achten Sie auf saubere Überschriften-Hierarchie, aktivierte Performance-Optionen und lokal gehostete Schriften – dann sind gute Ladezeiten und Rankings erreichbar.

    Brauchen Sie Unterstützung rund um WordPress? Ypsilon.dev ist Ihre Webagentur aus Regensburg – jetzt kostenlose Erstberatung anfragen.