WordPress Website Erstellen – Tutorial 2023 ➡ Schritt für Schritt

WordPress Website erstellen mit dem Divi Pagebuilder! In dem Video lernst du Schritt für Schritt wie es funktioniert.

Hast du Fragen hast, dann schreib es mir gerne in die Kommentare!

▬▬ Inhalte des Videos ▬▬▬▬▬▬▬▬▬

0:21 - Einleitung

SCHRITT 1: ALLGEMEINE INFORMATIONEN ZU WORDPRESS
3:43 - Vorteile von WordPress

SCHRITT 2: WEBHOSTING & DOMAIN
5:37 - Was ist ein Webhoster und eine Domain
6:38 - Webhoster Empfehlungen
7:57 - Unterschied SSD Webhosting vs. Webhosting
8:31 - Paket buchen und Domain registrieren
9:04 - Einblick kundenportal
9:14 - Neue Domain registrieren
9:58 - SSL Zertifikat anlegen

SCHRITT 3: WORDPRESS INSTALLIEREN
11:37 - 1-Click Installation vs. Manuelle Installation
12:34 - Was ist die 1-Click Installation?
12:54 - Nachteile der 1-Click Installation
15:50 - Benutzername und Passwort definieren

SCHRITT 4 : EINBLICK INS WORDPRESS DASHBOARD
17:53 - Unterschied Backend vs. Frontend
18:39 - Einloggen ins Dashboard
19:07 - Startseite des Dashboards
19:19 - Vom Dashboard auf die Website
20:48 - Prüfen ob Aktualisierungen vorliegen
21:07 - Beiträge
22:04 - Mediathek
22:24 - Seiten
22:52 - Kommentare
23:01 - Design
23:15 - Plugins
23:32 - Benutzer
24:09 - Werkzeuge
24:48 - Einstellungen

SCHRITT 5: WORDPRESS GRUNDEINSTELLUNGEN
25:39 - Einleitung
26:55 - Beiträge löschen
27:13 - Seiten löschen
27:40 - Einstellungen,z.B. Titel der Website, Gravatar deaktivieren
29:04 - Permalinks definieren
29:26 - Was sind Plugins?
30:48 - Plugins löschen
31:10 - Plugins installieren
31:54 - Plugins kaufen und installieren
32:20 - Merkmale guter/seriöse Plugins
35:48 - Welche Plugins sind sinnvoll?
37:30 - WordPress Themes löschen

SCHRITT 6: DIVI INSTALLIEREN & EINRICHTEN
38:37 - Einleitung
39:09 - Divi Preismodell
40:15 - Divi herunterladen
40:45 - Divi Theme installieren
41:30 - API Key erstellen
42:25 - Divi aktivieren
42:50 - Was ist ein Child Theme
43:40 - Divi einrichten und API Key einfügen
44:55 - Farben hinterlegen

SCHRITT 7: WEBSITE VORARBEITEN
48:58 - Einleitung
49:58 - Vorstellung Customizer
50:21 - Favicon hochladen
50:48 - Layout der Website
51:58 - Schriften auswählen
53:02 - Header erstellen
55:25 - Header mit ThemeBuilder erstellen
56:19 - Anpassungen für Tablet und Smartphone
56:34 - Footer erstellen
58:15 - Mit Widgets arbeiten
01:01:30 - Vorlage für Buttons erstellen
01:03:40 - Seiten anlegen
01:05:17 - Menu anlegen & bearbeiten

SCHRITT 8: WEBSITE MIT DIVI ERSTELLEN
01:08:43 - Einleitung
01:09:06 - Startseite erstellen
01:09:37 - Visuellen Builder öffnen
01:10:04 - Zeile einfügen
01:11:00 - Überblick der Module
01:11:30 - Text einfügen
01:11:44 - Funktionsprinzip z.B. Inhalt, Design, Erweitert
01:12:34 - Optische Anpassung vornehmen
01:14:30 - Button einfügen
01:15:30 - Zeilen anpassen
01:16:18 - Zeilen und Sektionen
01:17:20 - Praktisches Arbeiten mit Zeilen und Modulen
01:18:34 - Vorlage in Bilbiothek abspeichern
01:19:10 - Styles kopieren & einfügen
01:19:53 - weitere Einstellungen, z.B. Speichern, mobile Ansicht, Export
01:20:52 - mobile Optimierung vornehmen
01:22:28 - Abstände - Margin & Padding

SCHRITT 9: WEITERE ARBEITEN
01:24:55 - Einleitung
01:25:10 - Was ist noch wichtig?
01:26:50 - Aktualisierungen durchführen
01:27:32 - Schlusswort

▬▬ Plugin Empfehlungen ▬▬▬▬▬▬▬▬▬
Backup:
z.B. UpdraftPlus

Caching:
z.B. WP Optimize, Autoptimize, WP Rocket, W3 Total Cache, WP Super Cache

Firewall:
z.B. Wordfence Sicherheit, All-in-One WP Sicherheit & Firewall, Ninja Firewall

Cookies:
z.B. Borlabs, Real Cookie Banner

▬▬ RELEVANTE LINKS ▬▬▬▬▬▬▬▬▬

Gutscheincode "hiacynta1" um 10 € zu sparen

▬▬ WEITERE VIDEOS ▬▬▬▬▬▬▬▬▬

[michaelmeyer]

Hallo Hiacynta, Vielen Dank für die kurzweilige und auf den Punkt gebrachte Anleitung. Die Art Deiner Kommunikation mit der Kamera gibt einem das Gefühl, dass Du am Schreibtisch gegenüber sitzt. Gerne weiter so!

[DanFrench]

Hallo Hiacynta, vielen lieben Dank für die tolle und interessante Anleitung. Werde versuchen, ob ich etwas zustande bringe... gruss aus Helvetien - Dan

[andreaheckmann]

Tausend DANKE an dich! Klasse erklärt!!!

[fredf]

Ich möchte dir für deine genialen Videos danken! Bin -nachdem ich schon einige WP Seiten eingerichtet und betreut habe - nicht ganz Beginner, aber an einem größeren Projekt jetzt und werden das Angebot zur Unterstützung gerne nutzen

[Boersenwunder-]

Klasse erklärt, Video mit viel Mehrwert, dankeschön.

[Reiner_Bing]

Hallo Hiacynta, Vielen Dank für diese schöne Zusammenfassung. Ich bin Autodidact und habe bestimmt schon 100 WebSites mit Divi erstellt. Trotzdem habe ich noch eine Menge gelernt - vor allem von den Arbeitsprozessen. Ich werde jetzt alle meine noch existenten Seiten daraufhin durchforsten und alle Lehrfilme von dir anschauen/einbeziehen. Besonders gut gefällt mir übrigens deine ruhige und achtsame Art der Sprache, Danke dafür.

[thomasehrlich]

Sehr gut, mit Gefühl für Beginner. Andere zeigen, wie schnell sie sind oder es gibt auch Blogger, da könnte man denken, es steht jemand mit einer Pistole hinter dem Blogger.. alles beste Thomas

[wuotangwuotang]

Könntest du noch Mal ein extra Video zu deiner Erklärung zum Thema Child Theme + Updates machen? Ich denke das könnte für einige sehr hilfreich sein! Danke. =)

[zwergspitzpomeranian]

Hallo Hiacynta, ein großes großes Lob und Dankeschön! Das war ja eine mega Arbeit, alles so umfassend zu beschreiben und vor allem, auch alles noch so super detailliert zu untergliedern! Nur deine Plugin- Empfehlungen kann ich nicht finden. Liebe Grüße!

[wuotangwuotang]

Hi Hiacynta, vielen Dank für deine Videoreihe! Ich habe mir inzwischen einige davon angesehen. Ich bin allerdings an einem Punkt wo ich mich Frage, ob das alles so richtig ist was ich da gemacht habe. Vorweg: Nach dem Video mit der 404 Fehlerseite habe ich meinen Button angeklickt der nicht auf die Website verweist sondern auf localhost/wordpress und das ist nun Mal nicht meine Seite. Dann bin ich auf die Suche nach meinen Layouts auf ein Thema gestoßen welches du gerne noch mal erklären könntest. Wenn ich via Seiten eine neue erstelle und dort bei 0 mit dem Divi Editor starte. Habe ich eine komplette Seite erstellt, Kopf; Body; Fußzeile. Wenn ich dann im Theme Builder bei Vorlagen die Verlinkung zu meiner Startseite herstellen möchte stehe ich etwas auf dem Schlauch. Ich freue mich auf eine Antwort. =)

[KerstindeVries]

Hallo Hyacinta,
wow, was für eine mega tolle Einführung in das doch recht komplexe Thema! Ich will demnächst meine völlig überalterte HP neu aufbauen. Und war ich gestern noch davon überzeugt, dass ich das mit Elementor machen würde, so haben mich Deine Videos überzeugt, direkt mit Divi einzusteigen. Ich bin eher der Print-InDesign-Mensch, und bei den Möglichkeiten zu Stilvorlagen, anglegbaren Farbpaletten und Musterseiten war ich sofort dabei ... 😀 Jetzt muss ich nur noch in Erfahrung bringen, wie ich in der Aufbau-Phase meine jetzige HP (NICHT WP) online belassen und das Ganze nach Fertigstellung freischalten kann. Weißt Du zufällig, ob das funktioniert, wenn man WP in eine Subdomain installiert (Strato)?
In jedem Fall vielen Dank für Deine tolle Arbeit. 🙏
Ach ja, check mal bitte Deine Links unter "weitere Videos" ... bei mir verlinken die falsch.

[karoline]

Liebe Hiacynta, erst mal vielen lieben Dank für deine tollen Anleitungen. Da ich noch nie eine Website mit Onlineshop erstellt haben, hätte ich da eine Frage. Ich habe mir DIVI gekauft und weiß jetzt nicht ob ich direkt mit divi anfangen kann oder ob ich erst via wp und woocommerce die Webseite aufbauen muss und dann mit divi die individuelle Gestaltung vornehmen kann. Kann ich auch die Website und den Shop zugleich erstellen oder muss vorab die Website bestehen? Ich werde meine Versuche nun nochmal zurücksetzen und würde dann ganz von vorne anfangen. Vllt kannst du mir diesbezgl. ein paar Tipps geben. Würde mich sehr freuen von dir zu hören. Vielen lieben Dank Karoline

[RCSnoy]

Hallo Hiacynta, vielen Dank für das klare, kurzweilige, interessante Video. Ich habe ein paar Fragen zu Divi. Darf ich dich per email kontaktieren?

[alleskaeseschweiz]

Hallo Hiazynta (übrigens ein toller Name) Ich habe ein Problem: Ich habe irgendwas verstellt und ich weiss nicht mehr was. Und zwar ist folgendes passiert: ich habe ein Logo auf der Seite und ein Video und wenn ich die Seite bearbeite, dann sehe ich das alles wunderbar in der Zeile und in den Modulen. Wenn ich aber die Vorschau anschaue, dann wird kein Logo angezeigt und die Benutzungsleiste fürs Video ist auch weg, stattdessen kommt das .gif in der Dauerschleife ohne Ton natürlich.
Ist dir so etwas schon mal untergekommen? Ach und noch was: Normalerweise kann man ja im costumizer Einstellungen machen. Nur ganz kurz kommt die Einstellung Header und Navigation, dann verschwindet sie und ich kann am Header keine Einstellungen vornehmen. Und er sagt mir, die widgets würden nicht angezeigt. Viele Grüsse Corina

[wiba]

Die Anleitung i st schon wirklich sehr gut ... Aber
Ich habe gedaccht, das Child Theme ist bei meiner Installation schon drin (habe ich irgendwo gelesen 😞).
Es wäre wirklich gut, wenn die Child Theme installation auch mit drin ist.