Erhalte 10% Rabatt auf das meistverkaufte WordPress Theme.
Das meistverkaufte WordPress Theme!
So erstellst du eine Webseite mit dem Divi Theme! [Deutsch]
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 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)
Nutzerbewertungen
In diesem Divi Tutorial lernst du Schritt für Schritt, wie du eine professionelle Webseite mit dem Divi Theme von Elegant Themes erstellst!
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.
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. 🙂
Schritt 1
Ü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
Das „Startup“ Hosting Paket reicht zu Beginn in den meisten Fällen komplett aus. Falls nicht kannst du jederzeit upgraden.
Die verfügbare Wunsch Domain-Adresse eintragen:
Anschließend persönliche Daten zur Bezahlung hinterlegen:
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!
Mithilfe des WordPress Installers von SiteGround benötigt der Installationsprozess nur wenige Klicks und dauert 1-2 Minuten!
Daten zur Einrichtung eingeben und bestätigen. Dein Account ist anschließend bereits einsatzbereit!
Noch einfacher und schneller geht es wohl nicht, oder?
Schritt 1
Hierbei hast du die Wahl zwischen zwei Plänen:
Mit meinen Links erhälst du 10% Rabatt! Das bedeutet 80$/ Jahr oder 224$ einmalig!
Schritt 2
Logge dich in dein Elegant Themes Account ein und lade das „Divi Theme“ herunter. (ZIP Datei)
Schritt 3
Auf WordPress Dashboard einloggen > Design > Themes > Upload Theme > Divi Theme (ZIP Datei) hochladen.
Anschließend Divi Theme aktivieren.
Jetzt kannst du damit beginnen, deine eigene professionelle Webseite zu erstellen!
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“.
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!
Wähle ein Layout Pack, dass dir gut gefällt und welches thematisch am besten zu deiner Webseite passt!
Anschließend wirst du aufgefordert deinen Benutzername und API Code einzutragen.
Den Benutzername und API Key findest du in deinem Divi Account. Hier kannst du beliebig viele API Keys generieren.
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!
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!
Das war’s auch schon! Super einfach oder?
Ich wünsche dir viel Spaß beim bauen deiner Website!
Bringe deine WordPress Webseite auf das nächste Level!
Im Blog findest du weitere Artikel rund um das Thema WordPress.
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! 🙂
Tutorial weiterempfehlen
Das könnte dich interessieren
Top Deal des Monats!
Jetzt Divi Theme von Elegant Themes kaufen und 10% Rabatt erhalten!
Die Seite „WP-Wizard.de“ soll dir bei der Erstellung deiner eigenen Website helfen. Dabei soll sie dich Schritt für Schritt an dein Ziel führen. Mit Anleitungen, Tipps & Tricks sowie hilfreichen Video-Tutorials sollen dir qualitativ hochwertige Inhalte rund um WordPress zur Verfügung gestellt werden.
* = Werbelinks
© 2024 WP Wizard. Alle Rechte vorbehalten.
WordPress Hosting von SiteGround* | Page Builder von Elementor* | Backups von UpdraftPlus*
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!
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
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
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
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
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,
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)
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
Darf man die bereits vorhandenen Grafiken und Bilder im Divi Theme für die eigene Website nutzen?
Hi,
leider kann ich keine Rechtsberatung geben, allerdings sollte das ganze meiner Meinung nach kein Problem darstellen.
Auf dieser Seite ist vermerkt, dass man alle Bilder im Layout Pack ohne Sorge für seine eigene Website verwenden darf. Das wird für alle Layout Packs gelten.
https://www.elegantthemes.com/blog/divi-resources/download-a-free-photo-marketplace-layout-for-divi
Außerdem sind die meisten Bilder (wenn nicht sogar alle) von unsplash.com
Diese darf man kostenlos und ohne Quellenangabe verwenden. Auch für kommerzielle Projekte.
Beste Grüße
Patrick