fbpx
You are here

WordPress Website Erstellen -2021- Tutorial in 21 EINFACHEN Schritten | (Deutsch|German)

WordPress Website Erstellen -2021- Tutorial in 21 EINFACHEN Schritten | (Deutsch|German)



Erstelle deine WordPress Website in 21 einfachen Schritten | Keine Vorkenntnisse oder Programmieren benötigt
► Zum Begleitartikel : https://webseitenmachen.de/starten
► Siteground : https://webseitenmachen.de/wphosting (Das ist ein Affiliate Link)

Timestamps :
Start 00:00:00
1. Hosting und Domain besorgen 00:05:04
2. SSL und WordPress installieren 00:16:26
3. WordPress Grundlagen 00:22:34
a). Seitentitel 00:25:04
b). Benutzername 00:26:06
c). Permalinks 00:26:56
4. Erste Seite erstellen und zur Homepage machen 00:27:53
5. Das richtige Theme installieren 00:29:03
6. Die richtigen Plugins installieren 00:31:30
7. Homepage mit OceanExtra vorbereiten 00:35:00
8. Mehr Seiten erstellen + OceanExtra Einstellungen 00:39:20
9. Elementor Page Builder starten 00:40:38
10. Wie ist eine Elementor Seite aufgebaut? 00:41:13
11. Text bearbeiten 00:45:12
12. Dinge rückgängig machen / wieder herstellen 01:01:51
13. Buttons bearbeiten 01:03:25
a). Innerer Abschnitt 01:03:49
b). Button einfügen und bearbeiten 01:05:17
c). Widgets, Spalten und Sektionen : kopieren & einfügen, duplizieren und Stil übernehmen 01:13:44
14. Bilder bearbeiten (+ andere Hintergründe) 01:17:08
a). Abschnitt bearbeiten 01:17:30
b). Hintergrundfarben 01:19:46
c). Verlauf 01:20:33
d). Hintergrundvideos 01:21:30
e). Hintergrundbilder 01:23:21
f). Bilder Widget 01:27:53
15. Die Seite Responsive machen (mobile Anpassung) 01:33:26
16. Widgets, Spalten und Abschnitte um positionieren oder löschen 01:36:40
17. Mit Vorlagen und Blöcken arbeiten 01:37:53
18. Navigation/ Menü und Header erstellen + bearbeiten 01:43:19
a). Navigation erstellen 01:43:49
b). Header (und Menü) im Customizer bearbeiten 01:46:25
19. Footer bearbeiten (verschiedene Optionen) 01:55:07
20. Allgemeine Tips und Tricks zum Abschluss 01:58:00
21. SSL Einstellungen – auf Starten Seite

Extra Infos :
In diesem WordPress Tutorial lernst du Schritt für Schritt wie man eine Website erstellt.
Wir fangen an, indem wir uns eine Domain und Hosting besorgen.
Als nächstes installieren wir ein SSL Zertifikat und WordPress.
Dann machen wir ein paar Grundeinstellungen im WordPress Dashboard. Diese solltest du jedes mal machen wenn du eine WordPress Website erstellen willst.

Dann können wir schon die erste Seite hinzufügen und diese zur Homepage machen.
Um die Homepage bearbeiten zu können, muss sie erst etwas aufgeräumt werden. Das wird mit dem Plugin OceanExtra erledigt.

Anschließend geht es ans Design : wir starten den Elementor Page builder und fangen an unsere WordPress Seite zu bearbeiten. Wir lernen die Grundlagen, Texte und Button bearbeiten + verschiedene Hintergründe.

Ich zeige dir auch in diesem WordPress Tutorial, wie man mit Vorlagen arbeitet und warum diese so gut sind.

Im letzten Schritt bearbeiten wir den Header und die Navigation. Diese sind essenziell damit sich deine Besucher auf deiner WordPress Website zurechtfinden können.

Nach diesem WordPress Tutorial wirst du bereit sein, um deine Website, nach deinen Wünschen frei erstellen zu können. Du hast alle Grundlagen drauf um loszulegen und schöne Seiten zu bauen.

Du hast auch genug wissen um offene Fragen einfach ergooglen und lösen zu können.
Ansonsten kannst du mir aber auch gerne einen Kommentar da lassen und ich helfe dir aus!

Viel Spaß mit dem Tutorial!
Tim 🙂

source

Related posts

44 thoughts on “WordPress Website Erstellen -2021- Tutorial in 21 EINFACHEN Schritten | (Deutsch|German)

  1. Viel Spaß mit dem Tutorial!
    Bei Fragen kannst du gerne einen Kommentar da lassen 🙂
    ► Zum Begleitartikel : https://webseitenmachen.de/starten

    ► Webhosting : https://webseitenmachen.de/wphosting (Das ist ein Affiliate Link)

    Timestamps :

    1. Hosting und Domain besorgen 00:05:04

    2. SSL und WordPress installieren 00:16:26

    3. WordPress Grundlagen 00:22:34

    a). Seitentitel 00:25:04

    b). Benutzername 00:26:06

    c). Permalinks 00:26:56

    4. Erste Seite erstellen und zur Homepage machen 00:27:53

    5. Das richtige Theme installieren 00:29:03

    6. Die richtigen Plugins installieren 00:31:30

    7. Homepage mit OceanExtra vorbereiten 00:35:00

    8. Mehr Seiten erstellen + OceanExtra Einstellungen 00:39:20

    9. Elementor Page Builder starten 00:40:38

    10. Wie ist eine Elementor Seite aufgebaut? 00:41:13

    11. Text bearbeiten 00:45:12

    12. Dinge rückgängig machen / wieder herstellen 01:01:51

    13. Buttons bearbeiten 01:03:25

    a). Innerer Abschnitt 01:03:49

    b). Button einfügen und bearbeiten 01:05:17

    c). Widgets, Spalten und Sektionen : kopieren & einfügen, duplizieren und Stil übernehmen 01:13:44

    14. Bilder bearbeiten (+ andere Hintergründe) 01:17:08

    a). Abschnitt bearbeiten 01:17:30

    b). Hintergrundfarben 01:19:46

    c). Verlauf 01:20:33

    d). Hintergrundvideos 01:21:30

    e). Hintergrundbilder 01:23:21

    f). Bilder Widget 01:27:53

    15. Die Seite Responsive machen (mobile Anpassung) 01:33:26

    16. Widgets, Spalten und Abschnitte um positionieren oder löschen 01:36:40

    17. Mit Vorlagen und Blöcken arbeiten 01:37:53

    18. Navigation/ Menü und Header erstellen + bearbeiten 01:43:19

    a). Navigation erstellen 01:43:49

    b). Header (und Menü) im Customizer bearbeiten 01:46:25

    19. Footer bearbeiten (verschiedene Optionen) 01:55:07

    20. Allgemeine Tips und Tricks zum Abschluss 01:58:00

    21. SSL Einstellungen – auf Starten Seite

  2. Hallo @Webseiten Machen
    solange meine Website offline ist , brauche ich keinen Host oder?
    Sobald meine Website fertig ist und online stellen will, dann muss ich mich erst um einen Host kümmern oder?

    Danke dir schon mal im voraus 🙂

  3. Hallo,
    ich habe ein Problem und zwar speichert Elementor meine Bearbeitung nicht richtig obwohl ich alles abspeichere. Wenn ich auf "Vorschau der Änderung" klicke zeigt er mir auf meiner Website ein paar Dinge, die ich verändert habe, an, aber nicht alle. Wenn ich z.B. ein Bild hinzufüge, dann zeigt er es an, aber wenn ich dann Hintergrundtyp auf blau stelle dann lässt der den Hintergrund einfach weiß.
    Oder wenn ich einen Bogen bei "Trennlinie Form" erstelle, dann speichert er den Bogen ab, aber nicht die Einstellungen die ich für den Bogen gemacht habe.
    Oder wenn ich für die mobile Version meiner Website die Textgröße ändern möchte, dann speichert er das auch nicht ab.

    Er ändert es in Elementor, aber auf der eigentlichen Seite zeigt er es nur "halb" an.

    EDIT: Es lag am Cache. aber trotzdem einfach danke für das gute Video. Falls jemand das gleiche Problem hat, einfach den Cache vom jeweiligen Browser löschen. Ist nur bisschen blöd, dass das Problem wahrscheinlich bei den Websitebesuchern auch vorkommen kann/wird.

  4. Hi Tim! Ich habe eine sehr spezielle Frage zum mobilen Menü, z.B. ab 1:50:48
    Weißt du wie ich das Wort "Menü" ändere?
    Ich hätte es gerne auf englisch, also "Menu".
    Genau so wie im dazugehörigen Fall "Schließen" zu "close"
    Wenn es zu aufwendig ist und du mir davon abraten würdest, ist es auch ok 🙂
    Vielen Dank im Voraus

  5. Für das Elementor plugin muss man wordpress upgraden und Geld bezahlen oder?

  6. Hey Tim
    Ein super Video!
    Meine Website geht gut voran und wird bald fertig sein dank dir.
    Jedoch finde ich die Homepage über die Google Suche nicht. Weißt du woran das liegen könnte?
    Liebe Grüße

  7. Dein Video ist Gold wert! Tausend Dank dafür. Habe ich das richtig verstanden, dass man bei dem Abo "Grow Big" wirklich mehrere Domains anmelden (kaufen) kann, also mehrere Webseiten oder auch einen Webshop? Vielen Dank 🙂

  8. In Elementor wird mir unter Responsive kein Menü mit Tablet, Mobil und Destop angezeigt. Es wird nur gewechselt zwischen Mobil und Destop. Kann ich das ändern?

  9. Hallo Tim,
    erstmal vielen Dank für das tolle Video.
    Ich scheitere gerade an der Auswahl des Themes „OceanWP“. Bis dahin hat alles 1:1 geklappt. Bei mir wird das aktuelle Theme angezeigt, mehr aber nicht. Unter „Hilfe“ steht im Reiter „Themes hinzufügen“: „in einem Netzwerk können neue Themes nur in der Netzwerkverwaltung installiert werden“.
    Hast du einen Tipp, was ich tun kann?

  10. Hallo Tim, kann ich deine Video-Anleitung auch für wordpress.com verwenden?

  11. bietest du das auch als dienstleistung an eine website zu bauen?

  12. Hallo Tim
    Leider komm ich schon schon sehr früh ins stocken. Wenn ich auf auf my wordpress, zur Webseite, seperater link klicke, kommt bei mir eine ganz andere Seite als bei dir. Das zieht sich dann immer weiter. Zb.wenn du deinen Spitznamen eingibst, steht bei Dir : von Tim22 Bei mir steht gar nichts!! Bei mir steht auch nirgends Sample Page?
    An was könnte das liegen. Danke jetzt schon für eine kleine Antwort.

  13. Hej Tim! SUPER Tutorial! Ich wusste gerne, warum die Internetseite Bilder nicht anzeigt oder die Schrift anders formatiert ist, wenn ich sie an einem anderen Computer aufrufe. Habe ich etwas ubersehen? Beste Grusse

  14. Sehr gutes Tutorial, hilft mir gerade sehr. 🙂 Ich habe leider doch ein Problem:
    Wenn ich, wie du, in Elementor die Seite bearbeite, speichere und auch aktualisiere, wird auf meiner Website nicht das angezeigt, was ich in Elementor gemacht habe. Der Text und die Fotos, welche ich eingefügt habe, erscheinen zwar auf der fertigen Website, jedoch nicht richtig formatiert. Weißt du, woran das liegen könnte?

    EDIT: Wenn ich auf meinem Handy einfach mal die Website aufrufe, ist alles korrekt. Falsch angezeigt wird es, wenn ich über WP auf "Seite anzeigen" klicke.

    !!!!! Lösung !!!!!
    Websiten Machen bzw. Tim hat die Lösung gefunden. Es war der Cache, also einfach nur CTRL + F5 drücken und sich an dem Ergebnis erfreuen.
    Hab vielen Dank, Tim.

  15. Klasse Tutorial (und auch Begleitartikel)! Ich greife immer wieder darauf zurück!

  16. Sehr cooles Video!
    Bist ein sehr sympathisches Kerlchen!

  17. Ich habe eine Schwierigkeit: Ich arbeite mit Blöcken und komme auch sehr gut zurecht. In der Vorschau beim bearbeiten sieht es auch TOP aus. Wenn ich die website dann aber öffne ohne elementor ist das layout komplett verschoben und z.B. linksbündig statt mittig (in einstellungen ist es aber zentralisiert).
    Ich habe einen Apple-Computer. Dann habe ich mal auf der Arbeit von einem windows PC geguckt und da wurde das Layout korrekt angezeigt, von einem anderen apple wiederum nicht….?!
    Was kann ich machen? Was soll ich einstellen um das hinzubiegen?

  18. Hallo Tim

    Kannst mir in kurzen Worten erklären wie ich meine bei strato gekaufte Domain auf WordPress bearbeiten kann ? So dass ich nicht den strato Baukasten nehmen muss

  19. Ich hatte mega den Herzinfarkt weil auf einmal ein Virus da war aber dank dir ist der Weg danke

  20. Hallo Tim,
    Alles ist wirklich süper, jedoch hab ich ein Problem.. bei meiner Veröffentlichung habe ich mein Profil zu sehen, bei diversen Geräten. Wie kann ich das korrigieren? Danke dir

  21. Hi Tim. Unser Sozialverein hat lange nach so einem Tutorial gesucht und es war wirklich einfach zu verstehen. Vielen Dank für Deine Zeit, Mühe und generell dafür, dass Du uns dein Wissen ohne Gegenleistung weiter gibts. WEnns mal in München bist, schau vorbei. Ein Biergartenbesuch ist das mindeste 😉

  22. Ich brauche hilfe bei webseite Programmierung und zwar will ich wie Netflix Webseite erstellen aber ich weiß nicht wie das geht kann mir jemand vielleicht dabei helfen

  23. Hallo Tim, ich bin gerade an dem punkt WordPress-> Install/Mange du sagtest im Video das Feld Insallation Path soll man frei lassen. Nur leider wenn ich auf Install klicke wird mir das Feld jedesmal rot angezeigt.

  24. Lieber Timm, 

    ich habe mir eine Website erstellt. Ich hab mich dabei an Deinem Tutorial orientiert. Vielen Dank, dass Du das alles zur Verfügung gestellt hast! Ich finde meine Seite ganz gut gelungen. Wo ich jedoch nicht weiter komme ist, dass beim ersten Aufruf der Homepage immer diese WordPress-Seite (mit hello world) angezeigt wird. Ich hätte gerne, dass direkt meine Home-Seite als erstes angezeigt wird. Kannst Du mir da bitte einen Tipp geben, wie ich das einstellen kann? 

    Vielen Dank! 
    Ruth

  25. Hallo Tim 🙂
    Danke für die tolle Erklärung!
    Ich habe mal eine Frage. Ist es möglich eine Website zu erstellen ohne ein Hosting? (Die Seite soll erst nächstes Jahr online gehen, aber ich würde sie gerne schon mal erstellen.)

    Liebe Grüße

  26. Lea

    Hallo Tim, kann man auch Schriftarten in Elementor importieren?
    Kannst du bitte erklären wie man einen Newsletter integriert?
    Wie ermögliche ich z.B. den Download von Freebie PDFs – Braucht es da einen Shop?
    Kannst du ein Video zur Verknüpfung mit Elopage machen? Bzw. Optionen sie man Video Onlinekurse auf der Website einbinden kann – mit Digistore24 und einer Plattform für Videos?

  27. Hej Tim! Vielen Dank nochmal für die super Erklärung! Jetzt scheint es möglich für mich zu sein, eine Internetseite selbst zu erstellen 🙂 Wenn ich die domain ändern möchte, muss ich sie dann nur ändern ohne die Seite nochmal neu zu machen oder den Host noch einmal zu kaufen? Oder muss ich dann von grund auf noch mal alles neu machen? Beste Grüße!

  28. Hallo Tim, dein Tutorial ist echt super, aber bei mir fehlt bei der Bearbeitung der Buttons die Icon-Übersicht. Woran kann das liegen?

  29. Hallo Tim, ich habe mir dein Tutorial angesehen und bin echt begeistert! Möchte jetzt ein neues Theme nach deinem Tutorial starten. Mein neues theme übernimmt aber vieles vom alten. Wie kann ich ein neues theme starten ohne vom alten Theme beeinflusst zu werden. Ich möchte das alte theme aber nicht löschen. Da muss doch ein Weg geben wie 1. theme speichern unter und 2. theme speichern unter. So das bei themes unabhängig voneinander aufzubauen sind! Danke vorab für deinen Rat!

  30. Lea

    Was für eine Riesen Hilfe. Hast du pay pal für ein Dankeschön?

  31. Servus! danke zunächst für dein Video.
    Ich habe ein Problem nach der Installation von WordPress. Wenn ich mich dann in das Admin Panel von WordPress einloggen möchte öffnet sich zwar der neue Tab, jedoch wird mir "Not Found. The requested URL was not found on this server." angezeigt. Die Domain läuft nicht über SiteGround sondern über Strato. Was muss ich tun? 😀
    Danke dir vielmals

  32. Super Tutorial! Meine Frage – kann man die Seite auch Offline nehmen bzw. sowas wie "Coming soon Page"? Damit, wenn ich noch dabei bin die Seite zu erschaffen, nicht alles LIVE passiert, sondern im Hintergrund und erst Online stelle, wenn die Homepage komplett fertig ist?

  33. Hi! Ich bin bei Minute 21:33 und mir wird leider gesagt " Client dir is not empty, possibly containing a website". gehe ich auf "Browse" kommen drei Ordner zu Auswahl, wp-admin, wp-content und wp-includes. Keinen kann ich auswählen.

    nun hab ich mir wordpress.org kürzlich einfach so mal runtergeladen, aber nichts installiert (geht ja nicht ohne server), aber ich schätze dass daher die Verzeichnisse kommen. Leider sind sie auf meinem Rechner nicht mehr auffindbar. Was nun?

  34. Ich habe das Problem seit gerade, dass jede neue Seite eine Kommentarfunktion hat. Also ein Textfeld auf der man einen Kommentar hinterlassen kann. Bekomme s nicht weg? Was kann ich tun?

  35. Hi, ich bräuchte mal deine Hilfe. Ersten Tolles und informatives Video! Also zur Frage: Ich will etwas ähnliches wie ebay machen, damit die Kunden ihre Produkte Online stellen können. Ich wollte fragen wie ich diese Funktion hinbekomme und wie das Plugin heißt? Vielleicht kannst du mir ja weiter helfen vielen Dank im Voraus! 😀

  36. Schade, dass auf der Website ein älteres
    Video als "NEU" präsentiert wird

  37. Kann man über siteground auch das Controlling der mit WordPress erstellten Website machen? Wenn nicht, kannst du mir da ein möglichst kostenloses Programm empfehlen, bzw. kann ich mit Google Analytics auch Kriterien wie Absprungraten/-seiten, Traffic-Quelle, Ein- und Ausstiegsseiten, Verweildauer etc. messen? Oder ist Google Analytics nur für die Erstellung und Messung von Werbekampagnen? LG 🙂

  38. Hallo Tim, wenn ich den Internet Browser minimiere, dann wird die mobile Version meiner Sete angezeigt. Das will ich aber nicht, kann man das umstellen? Vielen Dank und Beste Grüße Alexander.

  39. vielen Dank für das Video. Hat mich inspiriert nun meinen eigenen Blog zu erstellen. Da ich im SEO Bereich arbeite ist es ja fast schon peinlich, dass ich keinen Plan habe, wie man eine Seite erstellt 😀 Dafür weiß ich, wie sie schnell bei google oben gelistet wird 😀

  40. Hallo Tim, gibt es eine Funktion die mir eine Webseitenstatistik anzeigt wie oft die Webseite besucht wurde?

  41. Ich habe mit Joomla angefangen aber WordPress ist viel besser und einfacher in der Bedienung.

  42. Hallo !
    Ich hätte eine Frage bzgl Browseroptimierung…
    Gibt es eine Möglichkeit die Seiten gleich darzustellen auf allen relevanten Browsern oder muss man mit kleinen Verschiebungen leben ?

    Vielen Dank

Leave a Comment