Divi Theme - 10% OFF

Erhalte 10% Rabatt auf das meistverkaufte WordPress Theme.

Divi Theme - Cyber Monday Sale

Das meistverkaufte WordPress Theme!

Tage
Stunden
Minuten
Sekunden

WordPress Tutorial 2024

WordPress Einführung

Du weißt, dass du schon seit langem von einer eigenen Website träumst.

Aber du warst noch nie so der „IT-Nerd“, dem es Spaß macht über Monate bzw. Jahre hinweg, täglich stundenlang am PC zu sitzen, um sich irgendwelche Codes anzueignen und am Schluss eine schlecht aussehende Website zu besitzen, die man eigentlich niemanden zeigen möchte?

Dann ist dieses Tutorial genau das richtige für dich!

Beispiele – Diese Seiten werden wir erstellen!

Im Folgenden siehst du mehrere Beispielseiten, die wir mit WordPress und dem kostenlosen Theme „Sydney“ erstellen werden. In meinem Tutorial lernst du Schritt für Schritt, wie du exakt diese Seiten nachbauen kannst. Danach kannst du deine Website mit deinen eigenen Inhalten füllen. Das heißt: Bilder austauschen, deine eigenen Layouts verwenden, Texte einfügen, Videos einfügen usw…

Startseite

Über mich/ Über uns

Leistungen

Kontakt

Blog

Blogartikel

Was sind die Voraussetzungen für dieses Tutorial?

Warum benutzen wir ein Content Management System wie WordPress dafür? Hier kannst du Gründe für WordPress nachlesen!

Du benötigst keine Vorkenntnisse, denn wir beginnen komplett von vorne!
Falls du bereits etwas weiter bist, kannst du natürlich direkt zum für dich passenden Kapitel springen.

Das Beste an der ganzen Sache ist, dass du absolut keine Kenntnisse in HTML, PHP oder sonst einer Sprache zur Webgestaltung benötigst.

Grundlagen

Im ersten Schritt erledigen wir die Basics, die wir für unsere Website benötigen:

  • einen eigenen Domain Name registrieren (Name deiner Website wie z.B. www.apple.com oder wp-wizard.de)
  • WordPress Hosting kaufen (Dort werden deine Dateien gespeichert)
  • WordPress installieren
  • ein passendes Theme auswählen und installieren

Lerne alle essentiellen WordPress Funktionen spielerisch kennen!

Wir gestalten eine beispielhafte Webseite, damit du alle wichtigen Funktionen kennen lernst und deine eigenen Webseiten mit WordPress erstellen kannst.

Du lernst Schritt für Schritt, wie du eine schöne und professionelle Website mit WordPress erstellst!

Folgendes werden wir erstellen:

  • eine Startseite
  • eine Über mich/ Über uns-Seite
  • eine Leistungen-Seite
  • eine Kontakt-Seite
  • einen Blog
  • mehrere Blogbeiträge
  • Sonstiges (Impressum, Datenschutz, Links bzw. Credits)
  • Erweiterung: Eine FAQ Seite erstellen

Unter anderem lernst du Folgendes:

  • Seiten erstellen
  • Blogbeiträge erstellen
  • individuelle Menüs erstellen
  • das Webseitendesign anpassen
  • große Über- und Unterüberschriften erstellen
  • Bilder und Videos einfügen
  • Texte einfügen
  • verschiedene Elemente & Layouts erstellen
  • Call-to-Action Buttons einfügen
  • das Design der Buttons anpassen
  • individuelle Farben einstellen
  • Full Size Slider zu erstellen
  • und vieles mehr!

 

Wenn du deine Webseite soweit fertig gebaut hast, kannst du mit weiteren dazu passenden Anleitungen deine Webseite weiter erweitern.

Hier ein paar Beispiele:

Aber auch Anleitungen zu fortgeschritteneren Themen wie der Optimierung deines Webdesigns oder der Erstellung von Child Themes etc. gibt es passend zu diesem Tutorial. Hierüber musst du dir aber noch keine Gedanken machen. Das kommt alles später! 🙂

Webseiten Design

Für das Webseiten Design werden wir uns von großen Seiten wie AppleGoogle oder Tesla inspirieren lassen. Diese betreiben Marktforschung und stecken sehr viel Geld in ihre Webseiten, um diese kontinuierlich zu verbessern.

Was wir nicht wollen, ist ein Design, wie die bekannten Standardthemes von WordPress. (Beispiel: Twentythirteen Demo.)

Unsere Website wird simpel und modern sein. Große Bilder, wenige aber schönen Farben, wenig Text und eine sinnvolle Verwendung von Call-to-Action Elementen. Call-to-Action nennt man eine Handlungsaufforderungen an Webseitenbesucher. Das könnte zum Beispiel das Abonnieren eines Newsletters oder der Download eines Gratis E-Books sein.

Bonus

Ich werde dir zeigen wie du in wenigen Minuten eigene Logos erstellen kannst und wo du kostenlose, hochauflösende Fotos herunterladen kannst, die du auch für kommerzielle Zwecke einsetzen darfst.

Zudem habe ich dir einen Ordner mit Demo Materialien zusammengestellt, welchen du als Dankeschön für eine Newsletter Anmeldung gratis dazu bekommst! 🙂

Newsletter_Tutorial Demo Ordner gratis

Zum Newsletter anmelden.
Demo Ordner herunterladen.

Melde dich jetzt zum Newsletter an und erhalte als Dankeschön den Downloadlink zum Demo Ordner!


Loading

Kein Spam, versprochen. Du kannst dich jederzeit wieder abmelden. Weitere Informationen in der Datenschutzerklärung.

Gefällt dir das Tutorial?

Dann gebe meiner Anleitung doch eine positive Bewertung. 😉

4.6/5 – (15 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! 🙂

2 Kommentare

  • Hallo,
    Ich bin begeistert von deinem Vorhaben, du erklärst relativ komplizierte Zusammenhänge sehr verständlich. Sogar ich als Rentner kann dies nachvollziehen.
    Eine Anmerkung und eine Frage:
    Anmerkung: wäre gut, über bestimmten Installationen z. B. Plugins oder Einstellungen ein, zwei Sätze mehr zu sagen: wo und wofür werden diese gebraucht? Oder „ diese“ Einstellung in Formular wird aktiviert bzw. deaktiviert. Als Zuhörer sieht man schlecht, was diese Einstellung ist?
    Frage: ist Webseite Tutorial SAMPLE eine sogenannte SAP- Webseite(Single Page App). Wenn ja, woran erkennt man, bzw. wo wird dies eingestellt?
    Viele Grüße

    Antworten
    • Hallo, vielen Dank für deinen netten Kommentar, freut mich!
      Danke für das Feedback, werde ich mir für zukünftige Videos merken. Falls du bestimmte Fragen hast, gerne schreiben.
      Nein es handelt sich um eine gewöhnliche Webseite und keine Single Page App. Hier findest du Infos was eine Single Page App ausmacht.

      Antworten

Schreibe einen Kommentar

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

Tutorial weiterempfehlen

Demo Dateien herunterladen

Zum Newsletter anmeden und Demo Dateien herunterladen.

Newsletter_Tutorial Demo Ordner gratis
Divi Theme Demo Screenshot

Angebot des Monats!

Spare jetzt über 10% auf das Divi Premium Theme.