Divi Theme - 10% OFF

Erhalte 10% Rabatt auf das meistverkaufte WordPress Theme.

Divi Theme - Cyber Monday Sale

Das meistverkaufte WordPress Theme!

Tage
Stunden
Minuten
Sekunden

Divi Theme Tutorial für WordPress 2024

So erstellst du eine Webseite mit dem Divi Theme! [Deutsch]

Play Video about Divi Tutorial 2022 - WordPress Theme & Blog erstellen

Allgemeines & Setup

Einführung (00:00)
Warum du dieses Video schauen solltest! (00:29)
Überblick & Kosten (03:35)
Domain & Hosting (06:40)

» SiteGround WordPress Hosting *

Warum SiteGround? (07:59)
WordPress installieren (12:18)
Theme installieren (17:44)
Divi Theme kaufen (18:49)

» Divi Theme (10% Rabatt) *

Divi Theme installieren (20:24)

Homepage erstellen

Startseite erstellen (22:16)
Premade Templates importieren (23:52)
Divi Authentifizierung (25:07)
Allgemeine WordPress Einstellungen (28:53)
„Divi Theme“ Grundeinstellungen (30:58)

„Über uns“ Seite erstellen

Seite gestalten: „Über uns“ (35:35)

Blog erstellen

Blogseite erstellen (37:26)
Blogbeitrag erstellen (39:04)

Kontaktseite erstellen

Kontaktseite erstellen (40:18)
Funktionstest Kontaktformular (42:02)
E-Mail Account erstellen (SiteGround) (42:44)
In Webmail Account einloggen (44:47)

Verschiedenes

Header Menü erstellen (46:22)
Footer Widget Bereich bearbeiten (47:50)
Impressum & Datenschutzerklärung (49:59)

Bonus

Bonusmaterial (52:23)
SG Optimizer Plug-in (52:33)
HTTPS aktivieren (53:12)
Performance + Speed Test (Google PageSpeed + Pingdom Website Speed) (55:04)

Weitere Infos & Anmerkungen (56:22)

Zuletzt aktualisiert: 17. Dezember 2023

Nutzerbewertungen

4.8/5 – (24 votes)

In diesem Divi Tutorial lernst du Schritt für Schritt, wie du eine professionelle Webseite mit dem Divi Theme von Elegant Themes erstellst!

Inhaltsverzeichnis

Einleitung

Super, du hast WordPress für dich entdeckt und weißt, dass es das optimale Systeme für deine Webseite ist! (Falls du noch nicht ganz sicher bist: Hier findest du 9 Gründe für WordPress oder Allgemeine WordPress Grundlagen)

Du hast eventuell schon mit kostenlosen WordPress Themes experimentiert, allerdings gehen dir so langsam die ganzen Einschränkungen der Gratis Versionen auf die Nerven und du möchtest jetzt doch in ein Premium Theme investieren. (Zum Ratgeber: Dars richtige WordPress Theme kaufen)

Dann bist du hier genau richtig!

Ausblick

In diesem kostenlosen WordPress Tutorial lernst du Schritt für Schritt, wie du eine WordPress Webseite mit einem Premium Theme „Divi“ für dein Unternehmen, Verein oder Hobby erstellst. Mit hilfe von Premade Templates von professionelen Designern, die wir mit wenigen Klicks importieren werden, sparen wir zudem eine Menge Zeit und müssen nicht bei Null beginnen!

Darüber hinaus erhältst du 10% Rabatt auf das Divi Theme, wenn du über die Links auf dieser Seite kaufst!

Über WP Wizard

Die Anleitungen von WP Wizard gehören zu den beliebtesten WordPress Tutorials im deutschsprachigen Raum. Die Anleitungen haben bereits vielen tausend Nutzern geholfen und werden unter anderem auch von verschiedenen Universitäten, Hochschulen, Volkshochschulen und Weiterbildungszentren verwendet, um in das Thema „WordPress“ einzuführen.

Domain + Hosting einrichten

Sämtliche Tutorials werden anhand des Webhosters Siteground gezeigt. In folgenden Video erfahrst du mehr über den Webhoster, sowie eine Anleitung über sämtliche wichtigen Funktionen, die man früher oder später benötigt. Falls du bereits Webhosting hast, kannst du diesen Part überspringen. 🙂

Play Video about SiteGround Tutorial, Review und Erfahrungen 2022

Schritt 1

Domain Verfügbarkeit überprüfen

Überprüfe, ob deine gewünschte Domain Adresse noch frei ist!

Hast du eine gefunden, die dir gefällt?

Perfekt! Dann kannst du nun diese Domain kaufen und registrieren sowie das passende Hosting Paket für deine zukünftige Website kaufen!

Schritt 2

Hosting Paket wählen

Das „Startup“ Hosting Paket reicht zu Beginn in den meisten Fällen komplett aus. Falls nicht kannst du jederzeit upgraden.

SiteGround WordPress Hosting Plans

Die verfügbare Wunsch Domain-Adresse eintragen:

Domain registrieren bei SiteGround

Anschließend persönliche Daten zur Bezahlung hinterlegen:

  1. Account Informationen eingeben. (Deine persönliche E-Mail Adresse und ein starkes Passwort für deinen zukünftigen Siteground Account)
  2. Persönliche Informationen eingeben. (Land, Vorname, Name, Stadt/ Ort, Straße, PLZ, Telefon- bzw. Handynummer)
  3. Zahlungsmethode/ Kreditkarteninformationen hinterlegen.
  4. Eventuell die Vertrag Mindestlaufdauer ändern.
  5. Nutzungsbedingungen zustimmen.
  6. Bezahlen.
  7. Fertig!

WordPress installieren

WordPress selbst zu installieren ist als Anfänger ohne technisches Verständnis eher schwierig. Hier siehst du die offizielle Installationsanleitung von WordPress (Englisch). Autsch!

Aber keine Sorge, du wirst gleich sehen, dass Hosting Anbieter wie SiteGround dir das Leben um einiges einfacher machen!

WordPress bei SiteGround installieren

Mithilfe des WordPress Installers von SiteGround benötigt der Installationsprozess nur wenige Klicks und dauert 1-2 Minuten!

WordPress bei Siteground installieren (Neuregistrierung)

Daten zur Einrichtung eingeben und bestätigen. Dein Account ist anschließend bereits einsatzbereit!

Noch einfacher und schneller geht es wohl nicht, oder?

Divi Theme kaufen und installieren

Schritt 1

Divi Theme kaufen

Hierbei hast du die Wahl zwischen zwei Plänen:

  • 89$ (+ Mwst.) pro Jahr für so viele Webseiten wie du möchtest. Wenn du nicht verlängerst funktioniert deine Webseite noch, allerdings bekommst du keine Updates mehr, was ein Sicherheitsrisiko darstellt.
  • Alternativ kannst du einmalig 249$ bezahlen und kannst Divi lebenslang auf so vielen Webseiten installieren wie du möchtest!

Mit meinen Links erhälst du 10% Rabatt! Das bedeutet 80$/ Jahr oder 224$ einmalig!

Divi Theme Preisübersicht

Schritt 2

Divi Theme herunterladen

Logge dich in dein Elegant Themes Account ein und lade das „Divi Theme“ herunter. (ZIP Datei)

Elegant Themes Members Area - Download Divi Theme

Schritt 3

Divi Theme installieren

Auf WordPress Dashboard einloggen > Design > Themes > Upload Theme > Divi Theme (ZIP Datei) hochladen.

Anschließend Divi Theme aktivieren.

WordPress Theme Upload

Jetzt kannst du damit beginnen, deine eigene professionelle Webseite zu erstellen!

Webseite mit Divi Theme gestalten

Jetzt erstellen wir eine erste Seite mit dem Divi Theme! Mithilfe eines vorgefertigten „Premade“ Templates geht das besonders schnell! 🙂 Los geht’s!

Schritt 1: Erstelle eine Seite in WordPress und klicke auf den „Divi Builder“.

Seite mit Divi Builder erstellen

Im nächsten Schritt kannst du auswählen, ob du von null oder mit einem vorgefertigten Layout beginnen möchtest. Wir möchten dieses mal eines der vorgefertigten Templates auswählen, welches wir später beliebig anpassen können!

Divi Builder Auswahlmöglichkeiten

Wähle ein Layout Pack, dass dir gut gefällt und welches thematisch am besten zu deiner Webseite passt!

Divi Theme Templates

Anschließend wirst du aufgefordert deinen Benutzername und API Code einzutragen.

Divi Authentifizierung

Den Benutzername und API Key findest du in deinem Divi Account. Hier kannst du beliebig viele API Keys generieren.

Elegant Themes Members Area - API Keys

Jetzt kannst du auf „Use This Layout“ klicken, um das Layout zu installieren und auf deiner Website zu verwenden. Anschließend kannst du Bilder, Texte, Farbe etc. anpassen!

Divi Theme Layoutauswahl

Und schon hast du eine komplette Seite importiert, welche du nun bearbeiten kannst wie du möchtest! Ob Farben ändern, Bilder austauschen, Layout ändern…du kannst alles damit machen!

Divi Theme - Demo Homepage

Fertig!

Das war’s auch schon! Super einfach oder?
Ich wünsche dir viel Spaß beim bauen deiner Website!

Nächste Schritte

Bringe deine WordPress Webseite auf das nächste Level!

Für Fortgeschrittene

WordPress SEO Anleitung

Weitere Beiträge, die dich interessieren könnten

Im Blog findest du weitere Artikel rund um das Thema WordPress.

Hat dir das Tutorial gefallen?

Dann gebe meiner Anleitung doch eine positive Bewertung. 😉

4.8/5 – (24 votes)

Oder teile es mit deinen besten Freunden! Ich würde mich sehr freuen!

Hast du noch weitere Fragen, Tipps oder sonstige Anregungen? Schreibe mir ganz einfach einen Kommentar! 🙂

10 Kommentare

  • Super erklärt, bin schon lange ein Fan von Divi, weshalb ich auch die meisten meiner Webseiten mit Divi umgesetzt habe. Für Neueinsteiger eine tolle Methode um sich mit dem Theme vertraut zu machen.
    Vielen Dank für das Tutorial!

    Antworten
  • Hi,
    ich möchte zwei websites erstellen. Ich bin bereits bei Siteground für das Start up registriert. Da man bei Divi unbegrenzt Websites hat, frage ich mich nun:
    – bezahle ich nur einmalig 89€ oder muss ich dann bei Siteground auch noch mehr zahlen?

    Wie funktioniert das also?

    Danke
    LG Lisa

    Antworten
    • Hi Lisa,

      grundsätzlich kannst du das Divi Theme auf beliebig vielen Webseiten installieren. (Es handelt sich nicht wie bei den meisten anderen Themes um eine Einzellizenz)

      Wenn du mehrere Webseiten mit dem Theme erstellen möchtest, benötigst du natürlich weitere Domain Adressen (beispiel.com) sowie passendes Hosting. (z.B. Siteground)

      Um mit der ersten Website anzufangen ist der Start-up Plan perfekt. Um beliebig viele Webseiten zu hosten benötigst du dann den „GrowBig“ Plan.

      FYI: Was du mit dem Start-up Plan aber schon machen kannst, sind Subdomains (abc.beispiel.com) erstellen. Auf jeder dieser Subdomains kannst du WordPress und das Divi Theme installieren. (Die meisten anderen Themes erlauben das nicht, da es sich bei einer Subdomain praktisch um eine eigene Website handelt, für welche du wiederum eine neue Lizenz kaufen müsstest. Beim Divi Theme ist das nicht notwendig. )

      Die ganze Sache ist gerade am Anfang etwas verwirrend, aber ich hoffe, dass ich deine Frage einigermaßen verständlich beantworten konnte? 🙂

      Beste Grüße
      Patrick

      Antworten
  • Hi Patrick noch einmal,
    nun hat sich mein Thema sozusagen erledigt: Ich habe eine zweite Webseite erstellt, womit unter Einstellungen / Lesen dann die Ansicht jene war, wie sie in Deinem Video vorkommt. Somit konnte ich Homepage auswählen! Danke auf alle Fälle für das hilfreiche Video!
    Almut

    Antworten
    • Hi Almut,
      sorry für die verspätete Rückmeldung. Freut mich aber zu hören, dass du das Problem bereits von alleine lösen konntest! 🙂
      Weiterhin viel Erfolg mit deiner Website!
      Beste Grüße
      Patrick

      Antworten
  • Hi Patrick,
    danke für dieses Video, das mir schon sehr geholfen hat.
    Allerdings scheitere ich bei dem Punkt, wo Du die erste erstellte Website von einer Unterseite zur Startseite (Home) änderst (29:45 im Video).
    Wenn ich Deinen Anleitungen folge, also auf Einstellungen und auf Lesen gehe, dann erscheint bei mir zwar die Seite wie in deinem Video, allerdings fehlt der erste Teil gänzlich: ‚Deine Startseite zeigt ….‘. Das heisst, ich kann hier auch keine Zeile auswählen (‚Eine statische Seite) …‘.
    Daher bleibt meine Seite eine Unterseite … 🙁
    Hoffe Du schaust noch auf diese Kommentare (ist ja schon eine Weile her, seit der letzten Einträge …).
    Falls doch, dann schon mal vielen Dank für Deine Bemühungen im Voraus,
    Liebe Grüße,

    Antworten
  • Hi, danke für deine Antwort. Jetzt stellt sich mir allerdings noch eine Frage:

    Wie kann ich die 4 Social Icons im Footer bearbeiten? (Iconlink ändern)

    Antworten
    • Hi, wenn du auf die Divi Theme Optionen gehst und unter „Allgemeines“ runterscrollst kannst du die Social Icons ein und ausschalten und darunter deine persönlichen Links eingeben. Beste Grüße Patrick

      Antworten
  • Darf man die bereits vorhandenen Grafiken und Bilder im Divi Theme für die eigene Website nutzen?

    Antworten

Schreibe einen Kommentar

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

Tutorial weiterempfehlen

Das könnte dich interessieren

Top Deal des Monats!

Jetzt Divi Theme von Elegant Themes kaufen und 10% Rabatt erhalten!