WordPress Praxisprojekt

Projekt: Erstellen eines Blogs von Grund auf

In diesem Kapitel setzen wir alles Gelernte in die Praxis um. Wir erstellen einen vollständigen Blog.

Projekt-Übersicht

Ziel: Erstellen Sie einen persönlichen Blog mit WordPress

Funktionen:

• ✅ Startseite mit Blog-Beiträgen
• ✅ Über-uns-Seite
• ✅ Kontakt-Seite mit Formular
• ✅ Impressum und Datenschutzerklärung
• ✅ Responsive Design
• ✅ SEO-optimiert
• ✅ Sicher und gewartet

Schritt 1: Vorbereitung

1.1 Hosting und Domain wählen

Hosting-Empfehlungen für Einsteiger:

• Strato: Günstig, guter Support
• IONOS: Günstig, deutschsprachig
• Bluehost: Offiziell empfohlen von WordPress
• SiteGround: Schnell, guter Support

Domain wählen:

✅ Gut: meinblog.de
✅ Gut: vorname-nachname-blog.de
❌ Schlecht: das-allerbeste-wordpress-tutorial-blog.de

1.2 WordPress installieren

Folgen Sie den Schritten in Kapitel 2: Installation

Schritt 2: Theme auswählen und anpassen

2.1 Theme wählen

Für dieses Projekt nutzen wir Astra (kostenlos).

1. Gehen Sie zu Design → Themes → Neu hinzufügen
2. Suchen Sie nach "Astra"
3. Installieren und aktivieren Sie das Theme

2.2 Startseite einrichten

1. Gehen Sie zu Einstellungen → Lesen
2. Wählen Sie "Neueste Beiträge anzeigen"
3. Setzen Sie "Blogseiten zeigen höchstens" auf 5

2.3 Design anpassen

Gehen Sie zu Design → Customizer:

Site Identity:
  - Logo hochladen (optional)
  - Seitentitel: "Mein WordPress-Blog"
  - Untertitel: "Tipps, Tricks und Tutorials"

Colors:
  - Primärfarbe: #1a73e8 (Blau)
  - Sekundärfarbe: #fbbc04 (Gelb)

Typography:
  - Überschriften: "Roboto"
  - Fließtext: "Open Sans"

Header:
  - Logo position: Links
  - Menü position: Rechts

Footer:
  - Copyright: "© 2024 Mein WordPress-Blog"

Schritt 3: Notwendige Plugins installieren

Installieren Sie folgende Plugins:

Plugin	Zweck
Yoast SEO	SEO-Optimierung
Contact Form 7	Kontaktformular
Akismet Anti-Spam	Spam-Schutz für Kommentare
UpdraftPlus	Backups
Wordfence Security	Sicherheit
Smush	Bild-Optimierung
WP Super Cache	Caching für Geschwindigkeit

Schritt 4: Seiten erstellen

4.1 Über-uns-Seite

Gehen Sie zu Seiten → Neu erstellen:

# Über mich

## Hallo! Schön, dass Sie hier sind!

Mein Name ist [Ihr Name] und ich bin leidenschaftlicher Blogger.

## Meine Geschichte

[Hier Ihre Geschichte einfügen...]

## Meine Mission

Ich möchte [Ihr Ziel] teilen.

## Kontakt

Sie können mich unter [E-Mail-Adresse] erreichen.

---

PS: Abnnieren Sie meinen [Newsletter](#) für wöchentliche Updates!

Einstellungen:

• Titel: "Über mich"
• Slug: "ueber-mich"
• Template: Standard
• Veröffentlichen

4.2 Kontakt-Seite

1. Erstellen Sie eine neue Seite: Seiten → Neu erstellen
2. Titel: "Kontakt"
3. Fügen Sie das Contact Form 7 Shortcode ein:

# Kontaktieren Sie mich

Haben Sie Fragen oder Anregungen? Schreiben Sie mir!

[contact-form-7 id="123" title="Kontaktformular"]

4.3 Impressum

WICHTIG: In Deutschland ist ein Impressum gesetzlich vorgeschrieben!

Erstellen Sie eine Seite "Impressum":

# Impressum

## Angaben gemäß § 5 TMG

[Vorname Nachname]
[Straße Hausnummer]
[PLZ Ort]

## Kontakt

E-Mail: [Ihre E-Mail]

## Haftung für Inhalte

Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen 
Seiten nach den allgemeinen Gesetzen verantwortlich...

## Haftung für Links

Unser Angebot enthält Links zu externen Webseiten Dritter...

💡 Tipp: Nutzen Sie einen Impressum-Generator

4.4 Datenschutzerklärung

WordPress bietet einen Entwurf unter Seiten → Datenschutzerklärung.

Passen Sie den Text an Ihre Website an.

Schritt 5: Menüs erstellen

5.1 Hauptmenü

1. Gehen Sie zu Design → Menüs
2. Klicken Sie auf "Neues Menü erstellen"
3. Name: "Hauptmenü"
4. Position: "Primary" (Hauptnavigation)

Menü-Elemente hinzufügen:

• ✓ Startseite (Beiträge)
• ✓ Über mich
• ✓ Kontakt
• ✓ Blog (falls separate Seite)
• ✓ Impressum
• ✓ Datenschutz

5. Klicken Sie auf "Menü speichern"

5.2 Footer-Menü (optional)

Erstellen Sie ein zweites Menü für den Footer mit wichtigen Links.

Schritt 6: Beiträge schreiben

6.1 Erster Beitrag

Gehen Sie zu Beiträge → Neu erstellen:

# Mein erster Blogbeitrag

## Willkommen auf meinem neuen Blog!

Ich freue mich, dass Sie hier sind. In diesem Blog werde ich über 
[Thema] schreiben.

## Was Sie erwarten können

- ✅ Tipps und Tricks
- ✅ Tutorials
- ✅ persönliche Erfahrungen

## Bleiben Sie dran!

Abonnieren Sie meinen RSS-Feed oder folgen Sie mir auf Social Media.

---

Bis zum nächsten Mal!

Einstellungen:

• Kategorien: "Allgemein" (oder erstellen Sie eine neue)
• Schlagworte: "Erstbeitrag", "Willkommen"
• Beitragsbild hochladen
• SEO-Metadaten (Yoast SEO) ausfüllen

6.2 Weitere Beiträge planen

Content-Kalender erstellen:

Datum	Thema	Keyword	Status
01.06.	WordPress Einführung	WordPress Tutorial	Geplant
08.06.	WordPress Installation	WordPress installieren	Entwurf
15.06.	Beste Themes 2024	WordPress Themes	Idee

Schritt 7: SEO einrichten

7.1 Yoast SEO konfigurieren

Folgen Sie dem Setup-Assistenten nach der Installation.

7.2 XML-Sitemap aktivieren

1. Gehen Sie zu SEO → Einstellungen → Site-Basis
2. Aktivieren Sie "XML-Sitemaps"

7.3 Google Search Console einrichten

Folgen Sie den Schritten in Kapitel 10: SEO-Grundlagen

Schritt 8: Sicherheit härten

8.1 Wordfence konfigurieren

1. Gehen Sie zu Wordfence → Dashboard
2. Folgen Sie dem Setup-Assistenten
3. Aktivieren Sie:
   • ✅ Firewall
   • ✅ Malware-Scanner
   • ✅ Login Security (2FA)

8.2 Backups einrichten

1. Gehen Sie zu Einstellungen → UpdraftPlus Backups
2. Klicken Sie auf "Einstellungen"
3. Konfigurieren Sie:
   • Backup-Ausführung: Wöchentlich
   • Backup-Aufbewahrung: 4 Backups
   • Remote-Speicher: Google Drive / Dropbox (empfohlen)

Schritt 9: Website testen

9.1 Checkliste vor Launch

• [ ] Alle Seiten funktionieren (überprüfen Sie alle Links)
• [ ] Kontaktformular sendet E-Mails
• [ ] Impressum und Datenschutzerklärung vorhanden
• [ ] Mobile-Ansicht getestet
• [ ] Website-Geschwindigkeit getestet (PageSpeed Insights)
• [ ] SEO-Metadaten für alle Seiten ausgefüllt
• [ ] Google Analytics/Search Console eingerichtet
• [ ] Backup erstellt
• [ ] Sicherheit gehärtet

9.2 Test auf verschiedenen Geräten

Desktop:

• ✅ Chrome
• ✅ Firefox
• ✅ Edge
• ✅ Safari

Mobile:

• ✅ Smartphone (Android & iOS)
• ✅ Tablet

Schritt 10: Website launch (Veröffentlichen)

10.1 Suchmaschinen-Diskussion deaktivieren

1. Gehen Sie zu Einstellungen → Lesen
2. Deaktivieren Sie "Suchmaschinen-Diskussion" (Häkchen entfernen)

10.2 Google Search Console einreichen

Reichen Sie Ihre Sitemap ein (siehe Kapitel 10).

10.3 Social Media teilen

Teilen Sie Ihre Website auf:

• Facebook
• Twitter (X)
• LinkedIn
• Instagram
• Pinterest

Nächste Schritte

🎉 Glückwunsch! Sie haben erfolgreich einen WordPress-Blog erstellt!

Weiterführende Themen:

1. E-Commerce mit WooCommerce (Online-Shop erstellen)
2. Membership-Website (Mitgliedschaft-System)
3. Multilingual Website (Mehrsprachigkeit mit WPML)
4. Advanced Custom Fields (Eigene Felder erstellen)
5. Page Builder (Elementor, Divi, Beaver Builder)

Support-Ressourcen:

• WordPress.org Support-Foren
• WordPress Deutschland Forum
• Stack Overflow - WordPress
• WP Beginner (Englisch, sehr gut für Einsteiger)

---

Zusammenfassung

Sie haben nun gelernt, wie man:

• ✅ WordPress installiert
• ✅ Das Dashboard versteht
• ✅ Beiträge und Seiten erstellt
• ✅ Themes und Plugins verwaltet
• ✅ SEO optimiert
• ✅ Sicherheit härtet
• ✅ Einen kompletten Blog erstellt

Viel Erfolg bei Ihrem WordPress-Projekt! 🚀