Divi Tutorial für WordPress 2021

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

Divi Theme Tutorial Titelbild

Nutzerbewertungen

In dieser Anleitung lernst du Schritt für Schritt, wie du eine professionelle Webseite mit dem „Divi“ Theme von Elegant Themes erstellst!

Inhaltsverzeichnis

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 (20% 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)

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.

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 20% 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

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 20% Rabatt! Das bedeutet 70$/ Jahr oder 199$ 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. 😉

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! 🙂

Top Deal des Monats!

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