Divi Website installieren – So installierst du im Handumdrehen dein Divi-Theme auf deiner Website

Du willst eine neue Divi Website installieren. Und das am liebsten selbst in WordPress. Sehr gut. Denn das Divi-Theme wurde speziell entwickelt, um Webseiten schnell und einfach zu gestalten. Bevor du deine Divi Website erstellen kannst, muss Divi sauber in WordPress installiert sein.

In diesem Divi Tutorial zeige ich dir, worauf es bei der perfekten Divi-Installation ankommt und was du beachten solltest, damit Divi einwandfrei funktioniert.

was ist Divi?

Divi ist ein Premium WordPress-Theme, das von Elegant Themes entwickelt wurde, um dich bei der visuellen Gestaltung von WordPress-Websites zu unterstützen.

Das Divi-Design ist einfach zu bedienen und bietet dir unzählige Funktionen, mit denen du deine Website nach deinen Wünschen anpassen kannst. Wirklich klasse finde ich den Drag-and-Drop Divi Builder, der das Erstellen von Seiten & Beiträgen schnell und einfach macht.

Divi ist individuell anpassbar, sodass du ganz einfach jede gewünschte Funktion deiner Seite hinzufügen kannst.

Aber warum ist das Divi-Theme bei Bloggern, Entwicklern, Freiberuflern und Designern so beliebt?

Ganz einfach. Einige Vorteile & Features, die für die Installation des Divi Theme sprechen:

  • lebenslange Lizenz
  • Divi Builder
  • unendliche Designmöglichkeiten für deine Webseite
  • einfache Wartung
  • flexibel anpassbar
  • große Gemeinschaft
  • haufenweise kostenfreie Ressourcen in Google, YouTube Videos & Tutorials

Wenn du mehr zu Divi erfahren willst, lies dir meinen letzten Artikel zum Thema: 5 ultimative Gründe, warum das Divi Theme für mich das beliebteste WordPress Theme ist! durch. Und lass dich überzeugen.

So aber nun zurück zum eigentlichen Thema, nämlich, wie du eine Divi Website installieren kannst – Schritt für Schritt.

So installierst du Divi

Bevor du Divi installierst, ist es ratsam, zu prüfen, ob das Divi Theme auf deiner WordPress Umgebung technisch funktioniert.

Technische Anforderungen des Divi Themes für deine Webseite

Stelle sicher, dass dein Server mit diesen Anforderungen kompatibel ist. Glaub mir, erst dann macht die Arbeit mit Divi richtig Spaß ;-). Ansonsten kann es passieren, dass der Visual Builder sehr langsam lädt. Das ist ein Zeichen dafür, dass der Server nicht optimal konfiguriert ist.

PHP Version = 7.4 Minimum (8.0+ empfohlen)
memory_limit = 128M
post_max_size = 64M
upload_max_filesize = 64M
max_execution_time = 120
max_input_time = 60
max_input_vars = 1000
display_errors = 0
WordPress Version = 5.3 oder höher
Database = MySQL Version 5.7 oder höher; MariaDB Version 10.2 oder höher

Jetzt fragst du dich wahrscheinlich, wie du herausfinden kannst, welche Einstellungen auf deinem Server gegeben sind?

Ganz einfach! Das ist nicht schwer.

Im WordPress Dashboard deiner Seite findest du hierfür eine Funktion unter „Werkzeuge – Website-Zustand“. Diese zeigt dir alle wichtigen Details zu deiner WordPress Umgebung an.

Divi Website installieren - Website Zustand ermitteln
Website Zustand – Bericht anfordern

Uns interessiert der Reiter „Bericht“. Hier werden verschiedene Details zur Konfiguration deiner WordPress-Installation aufgelistet, welche sich ebenfalls als Schaltfläche ausklappen lassen. Folgende Punkte sind relevant für uns:

  • Server: Informationen zum Server
  • Datenbank: Informationen zur Datenbank (Benutzer, Host, Name usw.)
Divi Website erstellen - Website Zustand ermitteln - Reiter Server Datenbank
Website Zustand – Die für uns relevanten Reiter Server & Datenbank

Innerhalb der beiden Bereiche siehst du auf einem Blick, welche Einstellungen auf deinem Server gegeben sind bzw. wie dein Server konfiguriert wurde. Nur wenn hier alles passt, ist es ein Kinderspiel deine Divi Website installieren zu können.

Exkurs: Funktioniert nur, wenn Divi bereits auf deinem Server installiert ist. Divi zeigt dir an, wo es technisch noch hapert. Gehe dazu zum „Divi – Support Center“ und suche nach dem Systemstatus-Bereich.

Divi Homepage installieren Divi Support Center
Divi Support Center

Grüne Punkte bedeuten, dass deine Einstellungen in Ordnung sind, rote Punkte bedeuten, dass du dich darum kümmern solltest, und gelbe Punkte bedeutet, dass du bestimmte Einstellungen gegebenenfalls verbessern solltest.

Divi Website erstellen System Status ermitteln technische Anforderungen
Die drei roten Punkte zeigen dir in diesem Beispiel an, wo du auf jeden Fall Verbesserungen vornehmen solltest.

Alles grün? Super.
Falls nicht, dann setze dich mit deinem Hosting Anbieter bzw. Hoster in Verbindung. Die meisten Hosting Anbieter helfen einem gerne, die richtigen Einstellungen auf deinem Server für Divi zu setzen.

Divi Theme installieren

Alles roger? Super! Weiter gehts. Ich zeige dir jetzt, wie du für WordPress das Divi Theme herunterladen kannst. Dafür solltest du im Vorfeld das Divi Theme kaufen.

Schritt 1: Das Divi Theme bei Elegant Themes herunterladen

Bevor du das Theme hochladen kannst, muss es zuerst aus dem Mitgliederbereich von Divi (genauer Elegant Themes) heruntergeladen werden. Melde dich dafür bei deinem Divi Konto an und suche dann auf der Registerkarte „Account“ nach dem Reiter „Product Downloads“.

Divi herunterladen - Elegant Themes Menü
Elegant Themes Menü, wo du die Datei findest

Es öffnet sich ein neues Fenster.

Divi Website installieren - Download Divi Theme
Hier lässt sich die Zip-Datei herunterladen

Klicke auf die Schaltfläche „Download the Divi Theme“, um den gezippten Themeordner zu erhalten. Du erhältst eine zip-Datei, die du auf deinen Rechner herunterladen kannst. Nicht entpacken. Weiter geht´s zum nächsten Schritt.

Schritt 2: Divi Theme hinzufügen

Um dein zuvor heruntergeladenes Theme hochzuladen, musst du dich zuerst in deine Seite einloggen. Gehe dann in deinem WordPress-Dashboard zu „Design – Themes – Theme hinzufügen“.

Divi Website installieren - Theme Ordner aufrufen
Hier findest du die Themes
Divi Homepage erstellen - Divi Theme hinzufügen
Bei Klick auf den Button „Theme hinzufügen“ lässt sich das Theme hochladen

Schritt 3: Divi Theme hochladen

Es öffnet sich nun ein neues Fenster, wo du deine zip-Datei hochladen kannst. Einfach auf „Theme hochladen – Datei auswählen“ klicken. Dann wähle die entsprechende Datei auf deinem Rechner aus.

„Jetzt installieren“.

WordPress installiert nun das Divi Theme auf deiner Webseite.

divi-support-auf-deutsch

du brauchst beratung und support?

Am besten in WordPress & Divi? Bei bestimmten Plugins? Oder wünschst Dir endlich jemanden, der CSS & HTML beherrscht? Dann verabschiede Dich von technischen Gedöns. Ich helfe Dir bei Deinen Fragen rund um WordPress & Divi. Mehr erfährst Du bei Klick auf den Button.

Nachdem die Installation abgeschlossen ist, wird das Fenster geschlossen. Die Seite wird neu geladen und es wird dir ein Link „Theme aktivieren“ angezeigt. (Warte ein wenig, bis auch die Übersetzungen aktualisiert wurden)

Klicke auf den Link, um Divi zu aktivieren und die Installation abzuschließen.

Divi installieren - Theme aktivieren
Durch einen Klick auf den Link „Aktivieren“, wird Divi als Haupt-Theme verwendet.

Nun ist Divi aktiviert. Du kannst dies nachprüfen, indem du über dein Dashboard auf „Design – Themes“ das aktive Theme anzeigen lässt. Das sieht dann so aus:

Divi hochladen - Prüfen, ob Divi Theme aktiv ist
Das aktive Theme wird dir hier als „Aktiv“ angezeigt.

Bei dir sieht das Ganze so aus? Super, alles richtig gemacht. Du kannst nun gedanklich einen Haken bei „Divi Website installieren“ machen. Weiter zum nächsten Schritt.

Schritt 4: API-Key in Divi eintragen oder anders ausgedrückt: Divi mit deiner gekauften Lizenz verknüpfen

Wir hüpfen wieder zurück zur Website von Elegant Themes. Stelle sicher, dass du noch eingeloggt bist und navigiere zum Menü „Account – Username & API Key“.

Divi Website Lizenz Schlüssel - Divi API Key
Deinen Nutzername und Divi API Key findest du hier

Danach öffnet sich ein neues Fenster und du gelangst über „Account – API Keys“ zum gewünschten Tab. Hier kopierst du dir deinen Benutzernamen und deinen entsprechenden API-Key heraus und speicherst diesen vorläufig in einem Textprogramm ab. Den Benutzernamen und deinen API-Key benötigst du zur Aktivierung deiner Divi Lizenz.

Divi Website installieren - Benutzernamen API Key
Dort wo sich diese Felder (hier pink gepunktet) befinden, findest du deinen Benutzernamen und deinen API-Key


Zurück zu WordPress.

Unter „Divi – Theme Optionen – Aktualisierungen“ trägst du deinen Benutzernamen und deinen API-Schlüssel für dein Divi Theme ein.

Divi Website installieren - Lizenzschlüssel eintragen
Deinen Benutzernamen und deinen API-Schlüssel kannst du hier eintragen.

Yeah, du hast es geschafft. Nun hast du Zugriff auf alle Funktionen und kannst deine Divi Website erstellen. Idealerweise im Visual Builder. Probier’s einfach mal aus. Viel Spaß.

Für die Pros! Schritt 5: Child Theme auf Divi Website installieren

Erst einmal, was ist ein Child Theme?
Ganz einfach! Das von dir installierte Divi Theme ist das sogenannte Parent Theme (Elternthema). Es ist so programmiert, dass damit bestimmte Designeinstellungen auf deiner Seite umgesetzt werden können – oder eben auch nicht.

Das Child Theme (Kindthema) erbt alle Funktionen und Styles (Aussehen) des Parent Themes. Schreibst du jetzt Änderungen in dein Child Theme, so überschreibst du damit die jeweiligen Angaben im Parent Theme.

Warum ist ein Child Theme sinnvoll?
Damit kannst du Änderungen an deiner Website vornehmen ohne dass sie beim nächsten Theme Update überschrieben werden. Genial, nicht.

Wie geht das? Dazu hat meine liebe Kollegin Sylvia Klatt vor einiger Zeit mal einen Artikel erstellt, der dir das Ganze genauer erklärt: Wie du ganz einfach ein WordPress Child Theme erstellst

Aber das nur am Rande.

Fazit: Es ist nicht schwer eine Divi Website zu installieren

Ich hoffe mit dieser kleinen Anleitung aus meinem Blog konntest Du schnell deine neue Divi Webseite installieren!

Eine saubere Divi-Installation bedeutet weniger Arbeit für dich und weniger Komplikationen mit dem Erstellen von Seiten und Beiträgen. Hältst du dich an die oben genannten Punkte, dann ist es leicht Divi zu installieren. Weil das Theme einfach läuft.

Ansonsten. Hast du einen weiteren Installations-Tipp für mich? Gibt es etwas, was bei der Installation vom Divi Theme noch zu erwähnen wäre? Evtl. einen Geheimtipp? Wenn ja, ich freue mich auf deinen Kommentar in meinem Blog!

Du hast Probleme bei der Installation von Divi? Fragen zum Visual Builder? Zum Erstellen einer Seite? Oder andere Fragen zu Divi & WordPress? Dann ist mein WordPress & Divi Support genau das Richtige für dich. Sprich mich einfach drauf an oder sichere dir direkt einen Termin, wo wir über deine Seite sprechen.

Deine Meriem

Bildquelle: Sigmund – Unsplash

leserstimmen

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert