Website erstellen mit WordPress - Tutorial 2022 auf Deutsch für Einsteiger

In diesem Wordpress Tutorial wollen wir uns anschauen wie wir unsere eigene Wordpress Website erstellen können in 20 einfachen Schritten. Wir beginnen mit der Homepage und arbeiten uns zu den anderen Seiten vor.

Die verwendeten Tools in diesem Tutorial sind:

KAPITEL 1: Setup der Seite
4:08 Vorbereitung
5:20 Überblick über das Tutorial Video
6:20 Web Hosting auswählen
9:19 Eigene Domain sichern
13:55 Website aufsetzen
14:35 SSL Zertifikat und WordPress installieren

KAPITEL 2: Erste Schritte und Vorlagen Auswahl
22:14 WordPress Einführung
25:14 Erste Schritte in WordPress Admin Area
27:05 Astra Theme installieren + Starter Templates
29:55 Elementor Plugin installieren
31:40 Dummy Inhalt hochladen

KAPITEL 3: Webseite designen
35:30 Elementor starten - Webseiten Aufbau
43:15 Texte einfügen
50:57 Buttons einfügen
53:17 Kostenlose Photos, Icons und Grafiken
58:00 Bilder und Elemente (Widgets) einfügen
1:02:40 Video-Hintergründe einfügen
1:09:28 Blöcke hinzufügen, verschieben, duplizieren, löschen
1:13:26 Kontakt Seite verbinden
1:17:00 Mobile Ansicht bearbeiten

1:20:10 Extra Seite hinzufügen oder löschen, Seitenvorlage importieren
1:22:40 Logo und Favicon einfügen
1:26:22 Menuleiste anpassen und verlinken
1:30:10 Footer bearbeiten: Impressum einfügen + Cookie Consent
1:39:00 SSL überprüfen
1:42:00 Juhuuu fertig! - QA & Abnahme

Viel Erfolg bei dem Bau deiner eigenen Website mit Wordpress.
Gerne unten kommentieren wenn Fragen sind!
Julian

Nützliche Videos zu dem Tutorial

MEHR TUTORIALS FINDEST DU AUF:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

DU FINDEST MICH AUCH AUF:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

(Bei den oben aufgeführten Links handelt sich teilweise um Affiliate Links)

[KNSH_online]

Hi, hatte was vergessen und nach 2 Jahren ist dieses Video immer noch Top.🙏🙏🙏🙏

[Isa.Krieger]

Wow! Das hätte ich mal vor einem halben Jahr entdecken müssen. Ganz großes Klasse. geile Infos und so fein logisch und sinnig aufgebaut. Dickes Danke!!!

[manuela]

Absolut Klasse dein Video - didaktisch perfekt aufgebaut und sehr anschaulich erklärt - Erstelle gerade meine Website und bin so froh, dein Video gefunden zu haben !! Like & Abo hab ich selbstverständlich da gelassen. Wünsche dir für deinen Kanal viel Erfolg!!

[martinabergler]

Super Video. Viel Inhalt, viele Tipps. Hat mir sehr geholfen. Danke!!!

[Gesundheitfueralle]

Hammer, vieeeelen Dank für Deine Zusammenstellung! Echt super

[Julian-Weber]

Wenn Euch das Video nicht gefällt dann gerne hier unten sagen was ich falsch gemacht habe, würde mich über ehrliches Feedback freuen.

[aquariusageartist]

Toll erklärt Danke! Hab wieder etwas dazu gelernt!

[martinkaspar]

moin - Danke für dein Video. Wär klasse wenn du was zu WordPress Version 5.9 machen koenntest. Das wäre super! Vor allen Dingen wär es klasse, wenn du Themen wie Full Site Editing (FSE) und Query-Loop behandeln kannst. Danke schon jetzt

[sachenchecken]

Sehr hilfreiches Tutorial, vielen Dank Julian!

[gosmileteeth]

Hey Julian erstmal danke für dieses Informative Video.
Ich habe ein Problem und zwar kann ich mein Kontaktformular weder bearbeiten noch löschen.
Der Bereich lässt sich garnicht ändern in Elementar so als würde er nicht zur Homepage gehören(Standart Kontaktformular vom Template).
Vielleicht kannst du mir weiter helfen ?

[migmoe]

Alles echt gut erklärt. Kann man den Page Builder an einem späteren Punkt noch ändern? Habe aus versehen baever Builder ausgewählt und irgendwie bekomme ich das nicht mehr weg

[espohungland]

Hallo Julian, tolles Video. Vielen Dank für die Mühe.
Ich habe zum Thema "neue Seite hinzufügen" (ab Zeitpunkt 01:21:23) zwei Fragen:


1.) In Deinem Tutorial sieht man, nachdem Du die Beispielseite "Preise" angelegt hast, in Elementor unten in der gestrichelten Box zum Laden eines Templates ein rotes Pluslogo, ein Ordner-Logo und das Astra-Logo. Ich sehe statt des Astra-Logo das "Starter Templates" Logo. Wenn ich auf das Starter Templates-Logo klicke, komme ich auf die Auswahlseite mit den Astra-Templates. Die beiden blauen Buttons oben rechts ("Import Template" bzw "Save Template") sind jedoch deaktiviert ("disabled"), so dass ich kein Template importieren kann. Hast Du eine Idee woran das liegen könnte? Geht das in der "Free-Version" vielleicht nicht?

2.) Kann man das Design einer Seite (also alles was man in Deinem Tutorial gemacht hat) als Vorlage (Basis) für weitere Seiten nehmen? Oder muss man wirklich für jede neue Seite alle Schritte wieder durchlaufen?

[mariuslebert]

Deine Videos bieten echt einen super Mehrwert. Vielen Dank für deine großartige Arbeit!
Habe nun sehr viel über WordPress und Elementor gelernt, was mir sehr weiterhelfen wird.

Eine Frage hätte ich noch an dich. Und zwar gibt es in Elementor eine Möglichkeit den Abstand eines Textes zu den äußeren Rändern zu variieren? Wenn ich mir die mobile Version meiner Seite anschaue, scheint es so, als ob die Abstände links und rechts ein wenig knapp sind. Vielleicht täuscht das aber auch.

[matthiasgriechen]

Wow, danke für deine große Mühe! Sehr toll erklärt.

[ogg]

Top Video! Kann ich auch zu erst eine Art "Demo" Webseite über Wordpress erstellen, um zu schauen wie meine Webseite am Ende aussehen könnte? Oder ist es zwingend notwendig eine Domain zu kaufen und diese dann auch zu hosten etc. ? Ich würde am liebsten zu erst die Webseite komplett aufbauen und am Ende die mit der Domain verbinden etc. Danke dir!

[bastelsektor]

Zunächst das Wichtige: Vielen Dank für Deine Arbeit und Deine Videos. Sie sind äußerst hilfreich!
Nun zu mir, ich Depp! Ich schaue Dein Video und habe es am PC natürlich im Vollbildschirm. So nach ein paar Minuten denke ich: "Hä, ? Was zum Teufel? Wieso habe ich so viele Reiter offen und was sind das für Seiten? Virusfehlerdingsbumspanik! 😲 Ich versuche die Reiter anzuklicken und schwups, bleibt Dein Video stehen! Ich Depp, sind doch Deine Reiter!🙄 Manchmal tut Internet weh, vor allem wenn der Fehler 40 cm vorm Bildschirm sitzt! 🙄

[mehrgeld]

Diese Global Stil Geschichte (Themen Stile) 47:37 geht anscheinend nur bei Elementor Pro oder?

[lidijabickel]

Ich habe WhatsApp im Footer verlinkt- meine Frage ist allerdings was ich bei Link eingeben muss?

[diemitdemrotenhalsband]

Gtmetrix sagt: fonts werden blockiert was kann ich machen ?

[rickredet]

Du solltest das auf" linked "In als Kurs anbieten.... #Doityourselffordummies seht Nice....