Kostenloses WordPress Tutorial 2018

So erstellst du deine eigene Website/ Homepage!

WP Wizard - WordPress Tutorial Titelbild mit responsive Mockup und Beispielen vom Ergebnis

1. Einführung

In einer kurzen Einleitung erfährst du was du in diesem Tutorial alles lernst. Zudem kannst du dir Desktop-Screenshots der fertigen Website sowie die Darstellung auf verschiedenen Geräten wie Tablets und Smartphones anschauen.

2. Überblick & Kosten

Was kostet eine WordPress Website? Mit wie viel Geld muss ich rechnen? Was kosten Webseiten auf Konkurrenz Plattformen wie Jimdo oder Wix? Hier findest du einen transparenten Überblick der Kosten!

3. Hoster auswählen & Domain registrieren

Die Grundlage jeder Website – ohne geht leider nichts. Sämtliche Dateien wie Bilder und Texte müssen auf einem sicheren und leistungsstarken Server gespeichert werden, damit Besucher jederzeit deine Website besuchen können. Zudem benötigst du eine eigene Internetadresse, damit deine Website gefunden werden kann. Alles was du brauchst erfährst du hier!

4. WordPress installieren

Hier erfährst du wie du das Content Management System (CMS) auf deinem Webserver installieren kannst. Und das mit einer super einfachen 1-Klick Installation!

5. Kostenloses „Sydney“ Theme installieren

Mit einem Theme bestimmst du das Design deiner Website. Hier erfährst du wie du das wohl beste und beliebteste kostenlose WordPress Theme installierst!

6. Website/ Homepage erstellen

In meinem kostenlosen und top bewerteten Video Tutorial zeige ich dir Schritt für Schritt wie man mit WordPress eine komplette und top moderne Website erstellt! Perfekt für WordPress Anfänger geeignet!

Gefällt dir das Tutorial?

Dann gebe meiner Anleitung doch eine positive Bewertung. 😉

Tutorial
4.9 (97.95%) 78 votes


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! 🙂

62 Kommentare

  1. Marco sagt:

    Ein großartiges Tutorial. Hilft mir/uns gerade sehr unsere eigene Seite zu erstellen. Vielen dank dafür und weiter so, echt super;-)

    • Patrick sagt:

      Hallo Marco,

      vielen Dank nochmal für das tolle Feedback und die nette Mail, die du mir geschrieben hast!
      Freut mich, dass dir mein Tutorial gefällt! 🙂

      Ich wünsche dir weiterhin viel Erfolg mit deiner Website! Sieht schon echt top aus!

      Beste Grüße
      Patrick

  2. Katharina sagt:

    Hi Patrick
    Super Anleitung, danke. Hat mir wirklich weitergeholfen. Nun habe ich endlich eine kleine Ahnung wie WP funktioniert und habe das Gefühl ein wenig Wissen erarbeitet zu haben.
    LG Katharina

  3. Behihime sagt:

    Bin neuling in WP und dein Tutorial hat mir sehr weitergeholfen, und nochmals vielen Dank für die hilfe und Tipps die ich von dir erhalten habe 🙂

    LG Behihime

  4. Reinhard sagt:

    Hallo Patrick,
    baue gerade mithilfe deines Turtorials eine Website auf. Deine Art und Weise angeleitet zu werden gefällt mir sehr gut. Allerdings habe ich schon am Anfang das Problem, dass ich das von dir empfohlene Plugin Pagebuilder by SiteOrigin nicht mehr in der Auswahl finde. Gibt es eine andere Möglichkeit oder welches Tools empfiehlst du heute.
    Vielen Dank für deine Hilfe.
    Beste Grüße
    Reinhard

    • Patrick sagt:

      Hallo Reinhard,

      Vielen Dank für dein positives Feedback! Freut mich sehr! 🙂

      Ich hatte auch schon mal das Problem, dass ich das PlugIn nicht gleich finden konnte. Ich konnte es unter dem Suchbegriff „siteorigin“ finden.
      Probiere das mal aus und lass mich gerne wissen, ob es geklappt hat.

      Schöne Grüße
      Patrick

  5. Stephan sagt:

    Hallo Patrick
    Danke für das Tutorial, das sehr hilfreich ist. Ich habe aber dieses Problem:
    Ich habe mit dem Plugin WP Maintenca Mode eine maintenacneseite geschaltet. Me dabei alles richtig eingestellt.
    Jetzt erhalte ich aber beim editieren selber keinen Zugriff mehr zum Frontend bzw. sehe dort nur die Maintenanceseite oder aber erhalte eine Fehlermeldung „keine Berechtigung“. Dies kommt +/- abwechslungsweise. Obwohl meine die Berechtiung auf Amdinistrator gesetzt ist.
    Was habe ich falsch gemacht?
    Danke und Gruss
    Stephan

    • Patrick sagt:

      Hallo Stephan,

      das von dir genannte Plugin habe ich persönlich nocht nicht benutzt. Ich kann nur eine Vermutung anstellen:
      Bist du eventuell manchmal mit „www“ und manchmal ohne unterwegs?

      Beste Grüße
      Patrick

  6. Stephan sagt:

    Konnte das Problem beheben …

  7. Hallo Patrick,
    erst einmal ein ganz tolles Seminar, dass du da erstellt hast. Es hat mir schon super geholfen, aber jetzt hat etwas bei mir nicht funktioniert und ich wollte dich fragen, ob du mir helfen kannst? Was mache ich hier falsch, dass das Bild nicht komplett unten mit dem Hintergrund abschließt?
    Liebe Grüße und vielen Dank
    Natascha
    https://nataschawaldraff.com/assistenzbereiche

  8. Marius sagt:

    Hallo, erstmal Danke für das tolle Tutorial 🙂
    Ich würde gerne eine WordPress Seite mit dem Sydney Theme erstellen, allerdings kann ich das Theme nicht herunterladen (Error 502: Bad Gateway).
    Gibt es sonst noch irgendwo einen Downloadlink? Finde das Theme nämlich super 😉

  9. Marius sagt:

    Ok, Problem gelöst 🙂 Man konnte es auch auf der WordPress Seite herunterladen 🙂
    Werde es gleich ausprobieren 🙂

  10. rainer hirt sagt:

    Hallo Patrick

    wie kann ich das Logo links oben im Theme Sydney verschieben ?

    Gruß Rainer

  11. Hardy sagt:

    Ja kompliment zu diesem Video von locker 100 Videos die ich in den letzten 4 Wochen sah ist das was mich vom Hocker gerissen hat.
    Da ich Webseiten Neuling bin habe ich jetzt ein Werkzeug mit dem ich was anfangen kann.
    Toll.
    Gruß Hardy

  12. Mari sagt:

    Hallo Patrick,

    vielen Dank für das tolle Video. Alles verständlich, sehr angenehme Stimme. Einfach perfekt erklärt. Der Ordner mit allen Informationen und Skripten ist ebenfalls sehr hilfreich. Machen Sie weiter!

    Liebe Grüße Mari

  13. Mari sagt:

    Hallo nochmal,

    ich habe folgendes Problem: ich möchte unbedingt in der Kopfzeile eine Telefonnummer platzieren. Wäre es möglich?

    LG Mari

    • Patrick sagt:

      Hallo Mari,

      erstmal vielen Dank für dein super Feedback! 🙂
      Leider bietet das Sydney Theme dafür keine vorgesehene Funktion. Aber ich habe eine einfache und schnelle Lösung gefunden! 🙂

      Füge einen individuellen Link zu deinem „Primary Menu“ hinzu. Als Link-Text könntest du z.B. „Jetzt anrufen: +123 456789“ eingeben. Als URL musst du irgendetwas eintragen, da du es sonst nicht hinzufügen kannst. (Was du einträgst ist egal!) Nachdem du es zum Menü hinzugefügt hast, kannst du die URL direkt wieder entfernen und anschließend das Ganze erneut speichern. Alternativ kannst du natürlich als URL auch einfach deine Kontaktseite verlinken.

      Fertig!

      Lass mich wissen, ob es bei dir auch geklappt hat! 🙂

      Beste Grüße
      Patrick

  14. Gunnar sagt:

    Hallo Patrick,
    ich kann mich hier nur den meißten anschließen.
    Super Tutorial, auch für einen absoluten Laien wie mich verständlich erklärt.
    Freue mich auf weitere Sachen von dir.

    Gunnar

  15. Mike sagt:

    Hallo Patrick danke für gute Video , ich habe zwar jetzt schon mit WP ein bissel gearbeitet aber nur das benutzt was ich über den Ligamanager bekommen hatte alles andere kannte ich einfach nicht

    aber jetzt kann ich auch mal ein paar änderungen machen und eine weitere Seite für unseren Verein erstellen

  16. Stan sagt:

    Hallo Patrick,

    vielen Dank für das Video. Du hast wirklich alles super gemacht. Einfach perfekt erklärt. Ich habe nur eine Frage – wie kann ich mit dem Sydney Theme eine mehrsprachige Seite erstellen?
    Ich freue mich über weitere Tutorial’s von Dir.

    Beste Grüße

    Stan

  17. Mario sagt:

    Hallo Patrick,

    absolut perfekter Einstieg in WP. Ich habe schon mit verschiedenen CMSytemen und Editoren gearbeitet,
    Dein Tutorial überzeugt durch ein schnelles und sauberes Ergebnis mit WP.
    Da ich gewohnt bin, php bei Bedarf anzupassen, meine Frage:
    Wenn ich über den Editor geänderten Code aktualisieren möchte, bekomme ich die Meldung:
    „Bedaure, diese Datei kann nicht bearbeitet werden.“ (Der Code springt auf den urspünglichen zurück.)
    Wo liegt der Fehler?
    Vielen Dank im Voraus!
    Grüße
    Mario

  18. Jan sagt:

    Vielen Dank für dieses tolle Tutorial. Selbst ich als totaler Laie, kreiere mir soeben eine wundervolle Webseite und das alles kostenlos! Ein schönes Weihnachtsfest wünsche ich dir 🙂

  19. Anna sagt:

    Hallo Patrick,

    ich sitze seit drei Tagen an einer Stelle und bin leider verzweifelt!
    Ich habe folgendes Problem im Footer Bereich:
    Zweiten Footer habe ich mit visueller Editor erstellt und Bilder/Icons (Haus, Telefon, Mail) rechts platziert, die zweite Zeile mit der PLZ und Ort steht direkt unter Haus Icon, das sieht total unordentlich aus. Ich kann diese nicht nach rechts verschieben-unter der Straße. Ich habe schon alles versucht.

    Beispiel:
    Ikon Wasser Straße 27
    11111 Beisopielstadt

    ich möchte gerne:
    Ikon Wasser Straße 27
    11111 Beisopielstadt

    Hättest Du vielleicht eine Lösung? Ich danke dir im Voraus!

    Beste Grüße
    Anna

  20. Eva sagt:

    Hallo Patrick,
    auch ich kann mich nur den anderen anschließen: ein wirklich sehr gutes Tutorial.
    Ich habe nur das Problem, dass ich den 2. Call to Action Button nicht einbauen kann, da Custom JavaScript sich nicht aktualisieren lässt. Kannst Du mir sagen, woran das liegt?

  21. Du hast hier eine tolles Tutorial, vielen Dank!
    Ich bin an einer neuen Internetseite.

    Kann ich die Fusszeile in der Grösse verändern, also kleiner machen?
    Habe hier nur Links, die auf eine Seite verweisen.

    Besten Dank

  22. Peter sagt:

    Danke für die Info, ja das stimmt.
    Es wäre für mich schöner und besser, die Fusszeile wäre schmaler, so wie im Footer.
    Vor allem wenn ich es mit dem PC ansehe.
    Wünsche einen schönen Sonntag
    LG Peter

  23. Petra sagt:

    Top Tutorial.
    Vieles was ich mir angelesen hatte, konnte ich mit Deiner visuellen Hilfe ansprechend umsetzen.
    Endlich haben auch wir eine barrierefreie Website.

  24. Helmut sagt:

    Hallo -herzlichen dank für das ausführliche Tutorial.
    Ich habe eine kleine Problem. Ich habe eine Impressum Seite und eine Link Seite erstellt und in der Fusszeile 3 eingefügt.
    Hier ist das Widget „Individuelles Menü“ . Menü Unten ausgewählt mit Titel Wichtiges.
    Wenn ich nun, so wie du, auf Impressum klicke, öffnet sich keine neue Seite fürs Impressum
    sondern ich bekomme die Startseite mit dem Slidermenü und ich muss hier nach unten scrollen zum Impressum.
    Wo habe ich hier meine Fehler. wo gehört ein Hacken gesetzt um die Impressumseite, die LinkSeite von der Startseite zu „lösen“
    Herzlichen Dank
    Helmut

  25. Helmut sagt:

    Herzlichen Dank für die rasche Antwort.
    Genau das war es. Hast mir sehr geholfen
    Danke Helmut

  26. Helmut sagt:

    Nochmals Danke – mit deiner Hilfe konnte ich ganz easy meine neue HP gestalten.
    ich habe mir erlaubt, unter den Links einen Link auf deine Seite zu setzen.
    http://www.flieh.at
    Schönes Wochenende
    Helmut

  27. Andreas Greinert sagt:

    Hallo,

    auch ich muss sagen, dass das ein sehr gutes Tutorial ist.

    Leider finde ich das Gadget „Individuelles Menü“ nicht :-/

    Gruß

    Andreas

  28. Daniel sagt:

    Hallo Patrick,
    erstmal danke für so ein ausführliches Tutorial das best das ich bisher gesehen hab.
    Nun habe ich allerdings optisch noch zwei Schönheitsfehler.
    1. Wie bekomme ich es hin das der obere Strich im Hauptmenü auch dann angezeigt wird wenn ein Untermenü Seite offen ist.
    Wie bei dir, da ist dieser Pfeil auch dann noch untern dem ,,SEO ANLEITUNG“ wenn man auf der Unterseite ,,Technische
    SEO“ ist.
    2. Und Wie bekomme ich diesen Hover Effekt hin wie bei dir im Navigationsmenü ,,Informationen“. also das die Farbe anders
    wird und wenn man dann auf der Seite ist auch anders bleibt z.B. die Farbe ist weis und wenn man mit der Maus drüber
    geht wird sie blau und bleibt auch blau wenn man drauf geklickt hat.
    Ich hoffe du weist was ich meine.
    über eine Antwort würde ich mich sehr freuen.
    mfg
    Daniel

    • Patrick sagt:

      Hi Daniel,

      zu deiner ersten Frage: Das Theme das ich auf dieser Seite verwende ist ein kostenpflichtiges Theme. Beim Sydney Theme geht das leider nur über Custom CSS.
      Zu deiner zweiten Frage: Wenn du mein Custom CSS aus dem Download Ordner bei dir eingefügt hast, sollte es bei dir genauso aussehen. 🙂

      Beste Grüße
      Patrick

      • Daniel sagt:

        Hi,
        Danke für deine schnelle Antwort.
        1. ah ok dann ligt das wohl an deinem betheme;) dachte da gibt auch ein code für.
        2. Ja die Farbe ist auch anders wenn die Seite auf ist aber es hat keinen Hover Effekt.
        mfg
        Daniel

  29. Christian sagt:

    Danke für dieses hervorragende Tutorial;
    Ideal für einen Einsteiger

  30. regi sagt:

    vielen dank für das super-tutorial … das hat mir den einstieg ins wordpress extrem erleichtert – und es macht spass, immer wieder neue sachen auszuprobieren

  31. Vielen Dank für das tolle Tutorial!!! Das hat mir einen super leichten Einstieg für meine eigene Homepage ermöglicht.
    Jetzt habe ich noch eine Frage:
    Die Seiten (Leitungen, über mich, Kontakt) habe ich wie im Tutorial beschrieben angelegt und im Header tauchen sie auch auf. Die Navigation von einer Seite zu einer anderen klappt. Aber wenn ich z.B. auf der „Leistungen“ Seite bin und über den Header auf die Startseite möchte (klicken auf „Startseite“) kommt folgende Fehlermeldung: Beim öffnen von „..Name der Homepage…“ traten zu viele Umleitungen auf. Dies ist möglich, wenn die geöffnete Seite auf eine andere Seite umleitet, die wieder zurück auf die Ursprungsseite verweist.“
    Die Fehlermeldung kommt immer wenn ich von anderen Seiten auf die Startseite möchte.
    Wo habe ich einen Fehler gemacht???
    Beste Grüsse
    Simone

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.