WordPress Tutorial 2017 | WordPress Website Erstellen (deutsch/german)

WordPress Tutorial 2017 | WordPress Website Erstellen (deutsch/german)


So erstellst du deine eigene professionelle WordPress Website mit dem KOSTENLOSEN “Sydney-Theme” ✓ responsive ✓ für Anfänger!

↓ Weitere Informationen, Links & Sprungmarken ↓

1. Links:

► Hosting Anbieter aus dem Video: * (weitere Infos, siehe unten)
► Meine Website:

► Kostenlose, hochauflösende Fotos:
► Kostenlose Logos erstellen:

2. Weitere Informationen:

In diesem Tutorial zeige ich dir Schritt für Schritt, wie du deine eigene “responsive” Website mit dem Content Management System (CMS) WordPress erstellen kannst. Hierfür verwenden wir das kostenlose “Sydney Theme”. Die komplette Anleitung ist auf deutsch!

Das komplette Tutorial ist kostenlos!
Falls dir das Tutorial gefällt und du dich für Siteground entscheiden solltest, kannst du mich ganz einfach unterstützen, indem du vor dem Kauf diesen Link benutzt ►

So erkennt Siteground, dass ich ihren Dienst weiterempfohlen habe und zahlt mir als Dankschön eine kleine Provision.

Empfehle ich Siteground nur aufgrund der Provision?

Nein, ich bin absolut überzeugt von den Leistungen von Siteground. Die Server sind super schnell, deren 1-Klick Installation ist klasse und gerade für Beginner sehr einfach und ich habe bisher immer sehr gute Erfahrung mit deren Support gemacht. Abgesehen davon würde ich auch von anderen Hosting Anbietern Provisionen bekommen.

Kostet es dich etwas mehr, wenn du meinen Link benutzt?

Nein, es kostet dich keinen Cent mehr!
Durch diese Methode kannst du dich absolut kostenlos für meine viele Arbeit und die hoffentlich sehr gute Hilfe bedanken 🙂

Falls du mich darüber hinaus unterstützen möchtest, kannst du das gerne über diesen Link tun 🙂 ►

Tausend Dank für deine Unterstützung! Ohne diese sind Videos wie diese nicht möglich!

3. Sprungmarken:

► Allgemeines & Setup

Einführung (00:00:00)
Überblick & Kosten (00:04:56)
Hoster auswählen & Domain registrieren (00:06:05)
WordPress installieren (00:11:58)
Theme installieren (00:15:32)
Allgemeine Einstellungen (00:16:38)
PlugIns installieren (00:18:02)

► Startseite

Seiten erstellen (00:21:19)
Statische Startseite & Beitragsseite einstellen (00:22:56)
Vollbild-Slider einstellen (00:24:33)
Überschrift einfügen (00:25:35)
Unterüberschrift einfügen (00:25:44)
Hochauflösende Hintergrundbilder herunterladen (00:26:02)
Call-to-Action Button bearbeiten (00:28:42)
Hauptnavigation/-menü erstellen (00:30:23)
Designfarbe einstellen (00:32:13)
Logo/ Favicon erstellen & einfügen (00:34:00)
Buttons erstellen (00:37:14)
Widgetbereich erstellen (00:49:14)
Neueste Beiträge Widget einfügen (00:50:15)
Kontaktinformationen Widget einfügen (00:51:19)
Individuelles Menü einfügen (Impressum, Datenschutz etc.) (00:52:14)
Social Media Buttons einfügen (00:58:06)
Copyright Hinweis einfügen (01:04:06)
Weiterer Call-to-Action Button einfügen (01:06:27)
Call-to-Actions Buttons stylen (01:07:33)
Schriftart verändern (01:10:30)
Hintergrundfarbe Kopfzeile ändern (01:14:51)
Kopfzeile: Link Styling (01:15:24)
Fußzeile: Link Styling (01:16:21)
Kopfzeile: Box-Shadow hinzufügen (Google Design) (01:17:04)

► Über mich

Seite gestalten: Über mich (01:19:16)

► Leistungen

Seite gestalten: Leistungen (01:35:26)

► Blog

Blogbeitragsseite (01:50:42)
Blogbeitrag erstellen (01:51:28)
Blogbeitragsbild einstellen (01:52:31)
YouTube Video einbetten (01:57:31)
Seitenleiste bearbeiten (02:00:01)
Kategorien erstellen (02:04:47)
Kategorien zuordnen (02:06:27)
Blog Layout verändern (02:08:17)

► Kontakt

Seite gestalten: Kontakt (02:10:08)
Kontaktformular einfügen (02:16:20)
E-Mail Account bei Siteground anlegen (02:22:54)

► Fertige Website! (02:26:01)

* = Beim Kauf über diesen Link, erhalte ich von Siteground eine Provision. Für euch entstehen dadurch keine Mehrkosten. 🙂

17 Comments

17 Replies to “WordPress Tutorial 2017 | WordPress Website Erstellen (deutsch/german)”

  1. ► Demo Ordner herunterladen: https://wp-wizard.de/tutorial/
    ► Demo-Seite: sample-demo.de
    ► Hosting + Domain Adresse kaufen: https://www.siteground.com/go/wpwizard (50% Rabatt)
    ↓ Sprungmarken ↓

    ► Allgemeines & Setup

    Einführung (00:00:00)
    Überblick & Kosten (00:04:56)
    Hoster auswählen & Domain registrieren (00:06:05)
    WordPress installieren (00:11:58)
    Theme installieren (00:15:32)
    Allgemeine Einstellungen (00:16:38)
    PlugIns installieren (00:18:02)

    ► Startseite

    Seiten erstellen (00:21:19)
    Statische Startseite & Beitragsseite einstellen (00:22:56)
    Vollbild-Slider einstellen (00:24:33)
    Überschrift einfügen (00:25:35)
    Unterüberschrift einfügen (00:25:44)
    Hochauflösende Hintergrundbilder herunterladen (00:26:02)
    Call-to-Action Button bearbeiten (00:28:42)
    Hauptnavigation/-menü erstellen (00:30:23)
    Designfarbe einstellen (00:32:13)
    Logo/ Favicon erstellen & einfügen (00:34:00)
    Buttons erstellen (00:37:14)
    Widgetbereich erstellen (00:49:14)
    Neueste Beiträge Widget einfügen (00:50:15)
    Kontaktinformationen Widget einfügen (00:51:19)
    Individuelles Menü einfügen (Impressum, Datenschutz etc.) (00:52:14)
    Social Media Buttons einfügen (00:58:06)
    Copyright Hinweis einfügen (01:04:06)
    Weiterer Call-to-Action Button einfügen (01:06:27)
    Call-to-Actions Buttons stylen (01:07:33)
    Schriftart verändern (01:10:30)
    Hintergrundfarbe Kopfzeile ändern (01:14:51)
    Kopfzeile: Link Styling (01:15:24)
    Fußzeile: Link Styling (01:16:21)
    Kopfzeile: Box-Shadow hinzufügen (Google Design) (01:17:04)

    ► Über mich – Seite gestalten (01:19:16)

    ► Leistungen – Seite gestalten (01:35:26)

    ► Blog erstellen

    Blogbeitragsseite (01:50:42)
    Blogbeitrag erstellen (01:51:28)
    Blogbeitragsbild einstellen (01:52:31)
    YouTube Video einbetten (01:57:31)
    Seitenleiste bearbeiten (02:00:01)
    Kategorien erstellen (02:04:47)
    Kategorien zuordnen (02:06:27)
    Blog Layout verändern (02:08:17)

    ► Kontakt – Seite

    Seite gestalten: Kontakt (02:10:08)
    Kontaktformular einfügen (02:16:20)
    E-Mail Account bei Siteground anlegen (02:22:54)

    ► Fertige Website! (02:26:01)

    Wie gefällt euch die Website mit dem kostenlosen Sydney Theme? Ich bin jedenfalls super happy mit dem Ergebnis! Schreibt mir einen Kommentar 😉

    Beste Grüße
    Patrick

  2. Noch eine frage, ich habe die Seite bei gamed.de gehostet. Ich frage mich wie ich es anstelle das die Seite “Sicher” ist. bzw ein https davor steht

  3. Hi, ich danke dir für dieses tolle Video. Ich hätte nur noch eine Frage. Wie kann ich auf der Startseite den Button “Über mich” links statt rechts hinzufügen? Was müsste ich da bei dem Code von Custom JavaScript ändern? Übrigens, wie hast du denn die Codes erstellt? Würde das auch mit dem “R-Studio” gehen?
    MfG Giedrius

  4. Hallo, kann es sein, dass die neueste Version der WordPresssoftware den Header Slider so nicht mehr drin hat. Bis zu diesem Punkt funktionierte dieses Tutorial wunderbar, allerdings ab dem Header Slider kam ich nicht weiter.Auch das Bild der Startseite lief nicht statisch mit nach oben.

  5. Hallo Patrick, also, ich hab mir Dein gesamtes Tutorial angesehen! Meine Meinung dazu: Einfach Spitze!!! Viele Daumen hoch! Ich war anfangs etwas skeptisch, bezüglich der Länge Deines Videos. Hab bisher noch nie eine WS gemacht, bin mir aber sicher, dass ich es mit Deiner Anleitung hinkriegen werde. Werde mir jetzt die Zeit nehmen, um sofort damit anzufangen. Hab mir einige andere angesehen, letztendlich ging es fast immer darum, etwas zu verkaufen. Du hast das absolut uneigennützig gemacht – TOLL. Hoffe, dasss Du noch viele Abonennten bekommst, und sechstellige Clicks….

  6. Wow! Wirklich ein super Tutorial. In dieser Länge, derart umfassend erklärt, und das Alles kostenlos, findet man sehr selten. Von mir 5 ***** und mindestens 5 Daumen hoch.☺️

  7. Ich habe vor einiger Zeit ein Kurzvideo gesehen, wo jemand meinte, das wäre das beste kostenlose Theme. Es wurde aber nicht gezeigt wie es funktioniert. Es gibt ein Video darüber, aber leider Englisch, dessen bin ich nicht so mächtig. Und jetzt stolpere ich zufällig über dieses Video. Bin jetzt halb durch und froh darüber, dass ich mich schon etwas mit CSS beschäftigt hatte, das hilft ungemein. Tolles Video bisher, like und Abo sind dir gewiss 🙂 Danke für´s hochladen!

  8. Hallo Patrick, vielen Dank für Dein ausführliches Tutorial. Damit ist es auch für Anfänger eine Leichtigkeit in die Thematik WordPress einzusteigen! Eine kleine Frage hätte ich über den zusätzlichen Button auf der Startseite, der per Java-Script eingefügt wird. Warum öffnet er sich nicht in einem neuen Tab? Wäre super, wenn Du mir den Befehl erweitern könntest. VG Jürgen

  9. Tolles Tutorial! beim ersten mal hat alles super geklappt. Nach ein paar Änderungen habe ich das Problem, dass beim Fusszeilen Menü ich die Impressum Seite hinzugefügt habe, aber bei einem Klick darauf komme ich immer auf die Über-Uns Seite? Kommt auch bei ein paar anderen Seiten vor?

Comments are closed.