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

43 Comments

  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. Hei kannst Du mir helfen? Bei Minute 1:00:38 Erklärst du den Link im Text. Sobald ich was als Link hinterlege, ändert sich die eingestellte Farbe bspw. bei dir blau, bei mir gelb zu schwarz und ich kann das nicht ändern. Auch nicht manuell. Gibt es einen Tipp? 🙂 Danke

  3. Hallo Tim, vielen Dank für die Hilfe, das Bearbeiten des Elementar in einem anderen Browser (nutze sonst Safari) hat super geklappt. Eine neue Frage: Ist irgendwo in Ihren Videos erklärt, wie man einen Text aufklappen kann, um noch mehr Text anzuzeigen (Bsp: Kurzdarstellung eines Sachverhaltes –> über einen Button dann eine ausführliche Erläuterung, die sich einfach aufklappt) Vielen Dank im Voraus

  4. Bin froh über diese super Erklärung. Kann ich mit einer weiteren Person gemeinsam, die ie Software WordPress in einer anderen Sprache und einem anderen Land nutzen würde, eine Website kreieren? Wie funktioniert dies mit den Zugängen? Eine mailadresse für Beide oder können mehrere Bearbeiter den Zugang zur Erstellung einer Website bekommen? Ähnlich die Frage zum hosting Anbieter. Bin absolut Anfänger und möchte jemanden unterstützen, der die Website mit gestalten und später auch mit mir pflegen soll.

  5. Lieber Tim, vielen Dank für das Video. Was ist es und was sind die Unterschiede zwischen Lets Encrypc, Lets Encrypt Wildcard und Premium Wildcard? Wieso hast du dich für Lets Encrypt entschieden? Was ist der Extra service ( Domain R, Domain P und SG Site Scanner) und was sind die Unterschiede? Wieso hast du dich für das erste entschieden? Was ist Installation Path? Was ist WordPress Starter? Wieso braucht man das nicht? Was ist WordPress multisite?

  6. Also dein Video ist wirklich super. Ich habe schon so viel Geschafft😊 Stelle mir jetzt nur die Frage warum bei Aktivierung anderer Themes die Ocean WP Bar bei der Seitenansicht nicht verfügbar wird.
    Also dass wo ich im Beispielvideo Header,Body,Folter etc einstellen kann. Also ich kann nur "mit Elementor bearbeiten" anklicken.
    Liegt das daran dass es teil des Themes ist? Und wo finde ich diese Einstellungen sonst in den AnderenThemes. ?
    LG Julia😊

  7. Hey, kurze Frage.
    Ich habe die Website URL geändert. Seitdem habe ich Probleme dass ich keine Site Tools mehr habe auch wenn ich eine neue Website erstelle. Zudem wird mir da auch keine IP Adresse angezeigt.

  8. Echt gutes Video. Kann man nur weiterempfehlen. Ich hätte da noch eine Frage. Ich habe envato Elements installiert, aber das grüne Icon wird mir nicht angezeigt, sondern nur der Ordner mit „templates hinzufügen“. Und wenn ich drauf gehe und auf meine templates klicke sind da keine gespeichert. Weiß du woran es liegt und kannst mir netterweise eine Anleitung geben? Vielleicht kennst du auch ein gutes Template für einen Onlineshop für Lebensmittel. Würde mich freuen, wenn du oder jemand anderes mir weiterhelfen kann.

  9. Ich bin so happy. Ich wollte das Thema WordPress zu den Akten legen. Was bin ich froh, das ich Dein Video gefunden habe. Recht herzlichen Dank. Nun bin ich hoch motiviert und bereit, meine Webseite zu erstellen.

  10. Ich habe eine Frage, wie kann man bei Elementor einstellen, dass das Layout (am Desktop) sich je nach Größe anpasst. Also das der Abstand links und rechts immer gleich bleibt egal ob am 27 Zoll Display oder am Laptop Display. Kann man das irgendwo einstellen?

  11. Hallo Tim, Danke für das tolle Video! Ich habe eine Frage an dich. Das Layout von Elementor sollte so angepasst werden, dass "Innerer Abschnitt" ersetzt wird durch "Container". Für das einfügen der beiden Buttons im ersten Container hast du jedoch wieder das Widget Innerer Abschnitt genutzt. Bei mir ist es jedoch nicht vorhanden, wenn der Container als Widget angegeben ist. Wie hast du das "alte" Widget wieder erhalten?

  12. Hallo Tim, tausend Dank für dein geniales Video! Dank deiner Hilfe haben wir es tatsächlich geschafft, selbst eine Webpage aufzubauen. Das ist schon Mal genial. Nun steht die nächste Herausforderung an: Wir möchten die Webpage zweisprachig anbieten. Alle Plugins, die ich dazu gefunden habe, funktionieren nur mit bekannten Sprachen. Wir bräuchten Deutsch – Rätoromanisch (Landessprache der Schweiz), welche natürlich in keinem internationalem Programm zu finden ist. Wüsstest du uns eine andere, schöne Lösung? Ganz liebe Grüsse, Marion

  13. Hallo lieber Tim
    Das ist ein unglaubliches Video. Ich bedanke mich ganz herzlich bei dir dafür. Du konntest mir unglaublich weiter helfen. Genauso kann ich mich allen Vorrednern anschließen. Dazu muss ich noch sagen: Bitte bitte nutz deine Stimme!! Ich könnte dir stundenlang zuhören. Selbst wenn du nur das Telefonbuch von Berlin vorliest. Deine Stimme erinnert mich stark an Armin Maiwald, die Stimme von Sendung mit der Maus. Fantastisch!!!

  14. Lieber Tim, vielen herzlichen Dank für die super angenehme, verständliche und gut strukturierte Erklärung! Du hast übrigens eine enorm angenehme Stimme (erinnert mich bisschen an den Einen von der Sendung mit der Maus).

  15. Habe die Anleitung ziemlich durchgemacht, paar sachen sind nun anders mit Plugins und so aber habe alles gefunden, und OceanWP ist nichtmehr Komplett Kostenslos
    Aktuell habe ich eine Vereins Seite die per PHP wo der Text Included ist und dann Deutsch Französisch und Italienisch je nach wert Included wird, will die Homepage nun Komplett auf WordPress machen, da eine neue Homepage gewünscht wird, wie würdest du im WordPress die verschiedenen Sprachen Handhaben?

  16. Hallo, ich wollte WordPress installieren, da kam folgende Fehlermeldung: WordPress konnte nicht auf …. installiert werden. There are already files belonging to a website in this folder. Review and delete them before retrying. Was habe ich falsch gemacht

  17. Hey Tim,
    ich hatte schon ewig vor, selbst mit einer Seite durchzustarten, bin aber immer aufgrund der "Baukästen" etwas zurückgeschreckt.
    Du erklärst das wirklich klasse und ich bin froh, dass ich dein Video gefunden habe. Ich habs jedenfalls jetzt durchgezogen und das hat mir total geholfen!
    Mach weiter so, riesengroßes Danke! 🙌

  18. Hi Tim, I think Your video is great. Unfortunately there has been an update and it is not possible to use elementor page kits for free anymore or am I mistaken? Even your example from the video costs now money (coffee & cakes). Could you tell me, which templates are still entirely for free? Thank you!

  19. Hallo Tim, ich habe nochmal eine Frage zum Footer. Du zeigst ja wie man sowas mit Envator-Vorlagen erstellen kann und auch ändern ist kein Problem. Gespeichert als template, kann man es ja in jede Seite einfügen. Soweit so gut. Wie kann ich erreichen dass dieser Teil ganz unten an der Seite bleibt also nicht da anfängt wo der Content zu Ende ist?
    Unklar ist: wenn man am Template was ändern will muss man es danach unter neuem Namen speichern und in jeder Seite dann neu einfügen oder gibt es dafür auch einen Trick?

  20. Hallo Tim, super klasse Tutorial! Ich kenne viele, aber deins ist wirklich sehr gut: du hast eine angenehme Stimme, sprichst langsam und deutlich und durch deine Checkliste behält man gut den Überblick. Da ich 10 Jahre lang Webseiten mit Joomla erstellt habe, dachte ich auf der Hälfte des Tutorials, dass ich die Seite alleine hinbekomme. Das war dann nur ein Durcheinander: Elementor, Customizer,Theme, WordPress…was nehme ich wofür? Am Schluss habe ich alles wieder gelöscht. Dein Tutorial habe ich dann wieder von Anfang an geschaut und es hat alles super gut erklärt. SUPER! So macht WordPress tatsächlich Spaß. Danke dafür!

  21. Hallo Tim, vielen Dank für dein tolles Tutotial!
    Wie funktioniert das eigentlich dann mit den Zahlinformationen, wenn ich für jemanden eine Website erstelle?
    Müssen dann die Bankdaten von demjenigen hinterlegt werden, für den die Website erstellt wird?

    Viele Grüße
    Anna

  22. Hallo Tim, ich finde dein Tutorial wirklich ausgezeichnet und sehr verständlich als auch übersichtlich aufgebaut – vielen Dank 😊

    Möglicherweise habe ich es im Tutorial vor lauter Informationen ganz einfach übersehen😁; das Thema "Child", wie das aktiviert wird – ausgehend vom Theme OceanWP ? Vielen Dank für eine gelegentliche Antwort

    ..und Grüsse Michael

  23. Moin Tim, danke erstmal für dein Video. Ich habe mir so eine tolle Webseite gebaut und bin damit auch sehr zufrieden. Allerdings wird sie auf meinem Notebook und bei Freunden nicht richtig angezeigt. Es werden immer Textteile abgeschnitten, auch das Kontaktformular ist nicht vollständig sichtbar. Ich Habe die Webseite an einem WQHD Monitor erstellt.. was kann ich jetzt machen? Gruß Daniel

  24. Hallo Tim,
    Dein Tutorial ist toll und sehr hilfreich. Ich arbeite mich langsam durch.
    Eine Frage: Was muss ich machen, damit die Website mit meiner gewählten Domain nicht gleich online veröffentlicht wird? ich möchte sie erst veröffentlichen, wenn sie fertig ist.
    Danke und viele Grüße
    Gerhard

  25. Du bist mit diesem Video der erste, der es geschafft hat, dass ich alles verstehe und endlich selbst beginnen kann. Gut erklärt und vor allem auch mal erklärt warum man so viele Dinge wie WordPress, Elementor, Elements und OceanWP braucht. Danke für deine Hilfe.👍

  26. Hallo Tim, ich habe meine Website nach deinem Tutorial gebastelt. Nun möchte ich den Datenschutz machen. Allerdings stoße ich auf Probleme: Es wird gefragt, ob ein Vertrag zur Auftragsverarbeitung geschlossen wurde. Tja, keine Ahnung, passiert das automatisch? Ich weiß auch nicht, ob das nötig ist… Viele Grüße Anja

  27. Das ist eine sehr gute und einfache Anleitung wirklich für jeden zu verstehen. Ich habe eine Frage. Wenn du für einen Kunden oder einen Freund eine Seite erstellst mit dieser Technik, wie kann man diese dann demjenigen übergeben?. Zum Beispiel: jemand hat schon eine Domain mit Hosting und möchte nur ein neues Design auf seiner Domain haben. Du erstellst dann die Seite in deiner Umgebung und wie bekommt er dann die Seite übergeben? Verstehst du was ich meine?

Leave A Reply

Please enter your comment!
Please enter your name here