WordPress

Präsentationen: PowerPoint, PDF, Gamma-KI

Handout: PDF

Brainstorming: PowerPoint

Podcast: mp3

Impulsvortrag: mp3

Leitfaden: PDF

10-Schritte: PowerPoint, PDF

Plugins: PDF

WordPress – Schritt für Schritt zur eigenen Homepage

Untertitel: Dein professioneller Einstieg in die Welt des Webdesigns

Text:
Du möchtest eine eigene Website erstellen, ohne dich in komplizierte Codes einarbeiten zu müssen? Mit WordPress lernst du eines der mächtigsten Tools zur Website-Erstellung kennen – einfach, flexibel und anpassbar. In diesem Seminar erfährst du, wie du von der Planung bis zur Veröffentlichung alles selbst umsetzen kannst.

Inhalte:

  • Die Grundlagen von WordPress: Installation und Einrichtung
  • Themes und Plugins: So gestaltest du deine Website individuell
  • Seiten und Beiträge erstellen: Content is King
  • Optimierung: SEO und Performance verbessern
  • Live-Schaltung und Wartung: Deine Homepage auf Erfolgskurs

Zielgruppe:
Studierende aller Fachrichtungen, die ihre eigene Website für Projekte, Portfolios oder andere Zwecke erstellen möchten.

Vorkenntnisse:
Keine Programmierkenntnisse erforderlich, aber sicherer Umgang mit dem PC ist von Vorteil.


Gliederung: WordPress – Schritt für Schritt zur eigenen Homepage

  1. Einführung in WordPress
    • Was ist WordPress?
    • Unterschiede zwischen WordPress.com und WordPress.org
    • Anforderungen und Voraussetzungen
  2. Installation und Einrichtung
    • Hosting und Domain: Die Grundlagen
    • WordPress installieren: Schritt-für-Schritt
    • Erste Konfigurationen: Sprache, Permalinks, Nutzerverwaltung
  3. Themes und Design
    • Was sind Themes und wie wählt man das richtige aus?
    • Installation und Anpassung von Themes
    • Widgets und Menüs anpassen
  4. Inhalte erstellen und verwalten
    • Beiträge und Seiten: Unterschied und Einsatzmöglichkeiten
    • Der Block-Editor (Gutenberg): Funktionsweise und Vorteile
    • Bilder, Videos und andere Medien einfügen
  5. Plugins und Funktionen erweitern
    • Was sind Plugins und wie findet man seriöse?
    • Installation und Konfiguration von Plugins
    • Must-have-Plugins für Performance, Sicherheit und SEO
  6. SEO und Performance
    • Grundlagen der Suchmaschinenoptimierung (SEO)
    • Ladezeit optimieren: Bilder, Caching und Hosting
    • Tools zur Analyse und Verbesserung
  7. Veröffentlichung und Wartung
    • Website live stellen
    • Sicherheitsmaßnahmen und Backups
    • Updates und langfristige Wartung
  8. Praxisprojekt: Deine eigene Homepage
    • Gemeinsames Projekt: Vom Konzept bis zur Umsetzung
    • Häufige Probleme und deren Lösungen

Rollen und Rechte

Benutzerrollen in WordPress – einfach erklärt

1. Abonnent
Diese Rolle hat die wenigsten Rechte. Abonnenten können sich anmelden, ihr Profil bearbeiten und ggf. Kommentare schreiben – mehr nicht.
Einsatz: Für Leser oder registrierte Nutzer, z. B. bei passwortgeschützten Inhalten.

2. Mitarbeiter (engl. Contributor)
Mitarbeiter dürfen Beiträge verfassen und bearbeiten, aber nicht selbst veröffentlichen. Sie können auch keine Bilder oder Dateien hochladen.
Einsatz: Für Gastautoren oder Einsteiger, deren Texte gegengelesen werden sollen.

3. Autor
Autoren können eigene Beiträge schreiben, bearbeiten, veröffentlichen und auch wieder löschen. Sie dürfen Medien hochladen, aber keine fremden Beiträge bearbeiten.
Einsatz: Für Teammitglieder, die regelmäßig schreiben und selbst veröffentlichen dürfen.

4. Redakteur (engl. Editor)
Redakteure haben vollen Zugriff auf alle Inhalte: Beiträge, Seiten, Kommentare, Kategorien. Sie dürfen alles bearbeiten und veröffentlichen – auch Inhalte anderer.
Einsatz: Für Personen mit redaktioneller Verantwortung.

5. Administrator
Administratoren haben uneingeschränkten Zugriff auf alle Funktionen der Website. Sie können Benutzer verwalten, Plugins installieren, Themes ändern und Einstellungen anpassen.
Einsatz: Für technische Betreuer oder Website-Inhaber.


Aufgaben:

Aufgabe 1: WordPress installieren und konfigurieren

Ziel: Installieren Sie WordPress und konfigurieren Sie die Grundfunktionen.
Schritte:

  1. Wählen Sie einen Hosting-Anbieter und registrieren Sie eine Domain.
  2. Installieren Sie WordPress mit einer automatischen oder manuellen Methode.
  3. Rufen Sie das WordPress-Dashboard auf und konfigurieren Sie die allgemeinen Einstellungen (Titel, Sprache, Permalinks).
    Musterlösung:
  • Hosting-Anbieter: XYZ-Hosting mit Ein-Klick-Installation.
  • Titel: „Meine Portfolio-Website“.
  • Permalink: Beitragsname („www.domain.de/beitrag“).

Aufgabe 2: Ein Theme installieren und anpassen

Ziel: Wählen Sie ein Theme aus und passen Sie es an Ihre Bedürfnisse an.
Schritte:

  1. Gehen Sie zu „Design > Themes“ und suchen Sie das kostenlose Theme „Astra“.
  2. Aktivieren Sie das Theme und öffnen Sie den Customizer.
  3. Ändern Sie Farben, Schriftarten und fügen Sie ein Logo hinzu.
    Musterlösung:
  • Aktiviertes Theme: Astra.
  • Farbe: Blau als Hauptfarbe, Weiß für den Hintergrund.
  • Logo: Ein rundes Bild mit den Initialen.

Aufgabe 3: Einen Beitrag mit dem Gutenberg-Editor erstellen

Ziel: Schreiben Sie einen Blogbeitrag und gestalten Sie ihn mit Blöcken.
Schritte:

  1. Gehen Sie zu „Beiträge > Erstellen“ und geben Sie dem Beitrag den Titel „Mein erster Blog“.
  2. Fügen Sie folgende Blöcke hinzu:
    • Einen Absatz mit Einleitung.
    • Ein Bild mit Beschriftung.
    • Einen Button, der auf eine andere Seite verweist.
  3. Veröffentlichen Sie den Beitrag.
    Musterlösung:
  • Titel: „Mein erster Blog“.
  • Einleitung: „Willkommen auf meinem Blog! Hier teile ich spannende Einblicke.“
  • Bild: Hochladen eines Fotos und als „Mit Beschriftung“-Block einfügen.
  • Button: „Über mich“ verlinken.

Aufgabe 4: Ein Kontaktformular erstellen

Ziel: Erstellen Sie ein funktionales Kontaktformular mit einem Plugin.
Schritte:

  1. Installieren Sie das Plugin „WPForms“.
  2. Gehen Sie zu „WPForms > Neu hinzufügen“ und wählen Sie „Einfaches Kontaktformular“.
  3. Bearbeiten Sie die Felder, fügen Sie einen Betreff hinzu und speichern Sie.
  4. Fügen Sie das Formular mit einem Shortcode auf der Kontaktseite ein.
    Musterlösung:
  • Felder: Name, E-Mail, Betreff, Nachricht.
  • Shortcode: [wpforms id="123"].
  • Ergebnis: Das Formular erscheint auf der Seite „Kontakt“.

Aufgabe 5: SEO für eine Seite optimieren

Ziel: Optimieren Sie eine Seite mit einem SEO-Plugin.
Schritte:

  1. Installieren Sie „Yoast SEO“ und aktivieren Sie es.
  2. Gehen Sie zur Seite „Über mich“ und scrollen Sie zum Yoast-SEO-Bereich.
  3. Fügen Sie ein Fokus-Keyword, eine Meta-Beschreibung und einen Titel ein.
  4. Stellen Sie sicher, dass alle SEO-Ampeln grün sind.
    Musterlösung:
  • Fokus-Keyword: „Webdesign für Einsteiger“.
  • Meta-Beschreibung: „Lernen Sie mich kennen und erfahren Sie mehr über meine Webdesign-Projekte.“
  • Titel: „Über mich – Ihr Webdesign-Partner“.

Glossar:

BegriffDefinition
Admin-BereichKontrollbereich von WordPress zur Verwaltung der Website, auch Dashboard genannt.
Alt-TextAlternativtext für Bilder, wichtig für Barrierefreiheit und SEO.
BackupSicherungskopie der Website-Daten, um bei Problemen eine Wiederherstellung zu ermöglichen.
BeitragDynamische Inhalte wie Blogartikel, die chronologisch sortiert werden.
CacheZwischenspeicher, der die Ladezeit der Website beschleunigt.
KategorieGruppen zur Organisation von Beiträgen nach übergeordneten Themen.
CustomizerWerkzeug in WordPress zur Anpassung des Designs in Echtzeit.
DashboardZentrale Verwaltungsoberfläche von WordPress.
DomainDie Adresse Ihrer Website, z. B. www.meinprojekt.de.
Duplicate ContentDoppelte Inhalte auf einer Website, die das SEO-Ranking negativ beeinflussen können.
EditorWerkzeug zur Bearbeitung von Seiten und Beiträgen, z. B. der Gutenberg-Editor.
Featured ImageEin Hauptbild, das für einen Beitrag oder eine Seite verwendet wird.
FooterDer untere Bereich einer Website, oft mit Kontaktinformationen oder Links.
FrontendDer sichtbare Teil der Website, den Besucher sehen.
FTPProtokoll für Dateiübertragungen zwischen Ihrem Rechner und dem Server.
Gutenberg-EditorBlockbasierter Editor in WordPress zum Erstellen und Gestalten von Inhalten.
HeaderDer obere Bereich einer Website, oft mit Logo und Navigation.
HostingService, der die Daten Ihrer Website speichert und online verfügbar macht.
ImpressumRechtlich vorgeschriebene Angaben auf einer Website, wie Betreiberinformationen.
KeywordSchlagwort zur Optimierung von Inhalten für Suchmaschinen.
LandingpageEine spezielle Seite, die für eine bestimmte Zielgruppe oder Aktion optimiert ist.
LadezeitDie Zeit, die eine Website benötigt, um vollständig zu laden.
MedienbibliothekBereich in WordPress zur Verwaltung von hochgeladenen Medien wie Bildern und Videos.
MenüsNavigationsleisten auf einer Website zur Organisation von Seiten und Links.
Meta-BeschreibungEine kurze Beschreibung einer Seite für Suchmaschinen.
NavigationDie Menüstruktur einer Website, die Besuchern die Orientierung erleichtert.
PermalinksDauerhafte URLs für Seiten und Beiträge.
PHPProgrammiersprache, auf der WordPress basiert.
PluginErweiterung, die WordPress zusätzliche Funktionen hinzufügt.
Responsive DesignDesignansatz, der sich automatisch an verschiedene Bildschirmgrößen anpasst.
Robots.txtEine Datei, die Suchmaschinen mitteilt, welche Bereiche der Website indexiert werden dürfen.
RSS-FeedEine Datei, die regelmäßig aktualisierte Inhalte wie Blogartikel bereitstellt.
SEOMaßnahmen zur Verbesserung der Auffindbarkeit in Suchmaschinen.
ShortcodeKurzer Code zur Einbindung von Funktionen in Seiten oder Beiträge.
SidebarEine Spalte am Rand der Website, oft für Widgets genutzt.
SitemapEine Übersicht aller Seiten einer Website für Besucher oder Suchmaschinen.
SlugDer letzte Teil einer URL, z. B. „mein-beitrag“ in „www.website.de/mein-beitrag“.
SSL-ZertifikatSicherheitsprotokoll, das eine verschlüsselte Verbindung ermöglicht („https://“).
TagSchlagwort zur detaillierten Organisation von Beiträgen.
TemplateEine Vorlage für das Design einer Seite oder eines Beitrags.
ThemeDesignvorlage für WordPress-Websites.
TrackingAnalyse des Nutzerverhaltens auf einer Website, z. B. mit Google Analytics.
UpdateAktualisierung von WordPress, Plugins oder Themes zur Verbesserung von Sicherheit und Funktion.
URLDie vollständige Webadresse einer Seite oder eines Beitrags.
WidgetKleines Modul, das zusätzliche Funktionen wie Suchfelder oder Kalender hinzufügt.
WooCommerceEin Plugin zur Erstellung und Verwaltung von Onlineshops.
WPFormsPlugin zur Erstellung von Kontaktformularen.
Yoast SEOPlugin zur Optimierung von Inhalten für Suchmaschinen.