Stadtgrün e. V.

Backend

1.1. Backend einrichten

– Website-Titel und Untertitel anpassen

Die URL blog.katrin-krumpholz.de bezeichnet meinen späteren privaten Blog, den ich als Projekt über meine privat gehostete Domain angelegt habe. Inhaltlich orientiere ich mich am zur Verfügung gestellten Material von „Stadtgrün e. V.“, das thematisch zu meinem Themenfeld passt.

Der Website-Titel entspricht dem Vereinsnamen Stadtgrün e. V.
Der Untertitel der Seite lautet „Für mehr Natur auf Balkonen, in Gärten und im öffentlichen Raum“ und steht für den Zweck und die Vision des Vereins.

– Permalinks auf Beitragsname umstellen

Ich folge fürs Erste der Empfehlung der Dozentin, und aktiviere Beitragsname. (https://blog.katrin-krumpholz.de/beispielbeitrag/)

Wenn ich für den privaten Blog Kategorien anlege, werde ich prüfen, ob eine Änderung auf individuelle Struktur und zum Beitragsnamen die Kategorie(n) sinnvoll ist.

– Kommentareinstellungen konfigurieren

Ich habe mich entschieden, alle Kommentareinstellungen zur Vereinsseite zu deaktivieren. Die Moderation von etwaigem Spam oder Anti-Nachhaltigkeitsgegnern kann von den Ehrenamtlichen nicht geleistet werden. Über das Kontaktformular können Mails und Kommentare zur Seite geschickt werden, die zentral auf einer Mailadresse auflaufen und bearbeitet werden können.

– Medien-Uploads organisieren.

Fürs Erste bleiben die Voreinstellungen bestehen. Mit der Ausnahme Dateiuploads: Ich nutze die Organisation nach Monaten und Jahren.

Themes und Menüverwaltung

2.1. Theme installieren und anpassen

Das Theme Astra wurde installiert und aktiviert.

Die gewählten Basis-Schriftarten umfassen eine Serifenlose Schrift Open Sans und die Playfair Display für Überschriften. Für die H-Überschriften ist die Inherit voreingestellt. Das Farbschema Willow ist im „Customizer“ unter Global / Farben zu finden als weitere Auswahl. Es passt zum Thema Stadtgrün: Es ist eine Farbpalette mit Grün- und Grautönen und Weiß.

Headerlayout (Menüheader): Die Farben für das primäre Menü im Frontend habe ich nach Kontrastwirkung (Weiß auf Grün) gewählt.

Das Logo Stadtgrün e. V. wurde im Header eingesetzt, in eine Zeile mit dem Untertitel der Website. Das wirkt optisch harmonischer. Der Webseiten-Titel ist nicht sichtbar.

Buttons: abgerundete Ecken (persönliche Vorliebe)
Containerlayout (Global)

2.2. Menü erstellen

Im Briefing für Stadtgrün e. V. wurden mehrere Seiten angegeben.

Startseite
Über uns
Unsere Projekte
Mitmachen
Blog
Kontakt

Die Seiten habe ich daher so angelegt, im Menü jedoch verdichtet: „Wir über uns“ umfasst die Seiten Über uns, Unsere Projekte und Mitmachen. Damit besteht das Menü aus Startseite, Wir über uns, Blog und Kontakt.

Für die erste Einrichtung wurden verschiedene Eintragstypen genutzt, wie Seiten für die Punkte des Primären Menüs, Beiträge für die Rubrik Blog und externe Links als Untermenüpunkte.

Nicht klickbare Menüeinträge?

Beiträge

Notiz: Inhalte aus einem Worddokument werden so übernommen, wie sie formatiert sind.

3.1. Kategorien und Schlagwörter

Erstelle mindestens je 3 Kategorien und Schlagwörter passend zu deinem Projekt

3.2. Blog-Beitrag erstellen

Verfasse einen Blog-Beitrag zu deinem Thema. Ordne dem Beitrag Kategorie(n) und passende Schlagwörter zu. Strukturiere Deinen Beitrag mind. mit 2 Überschriften.

3.3. Beitragsseiten und Einzelbeiträge anpassen

Mache Anpassungen über den Astra Customizer für Deine Beitragsseiten und Einzelbeiträge

Seiten

Seiten anlegen

Verschiedene Inhaltelemente umsetzen

Füge mind. 3 verschiedene Inhaltselemente in deine Seiten ein. Prüfe die Darstellung im Frontend.

Widgets und Plugins

Widgets einrichten

Bestücke die Seitenleiste (z.B. Blogseiten) und den Footerbereich deiner Website mit Widgets

Plugins installieren

Installiere und konfiguriere 1 Plugin für deine Website: z.B. Yoast SEO oder WPForms. Richte dich dabei nach den Qualitätsrichtlinien zur Auswahl von Plugins.

Medien

Mediathek organisieren

Lade mindestens fünf Bilder in die Mediathek hoch.

Für das Projekt Stadtgrün e. V. habe ich alle zur Verfügung stehenden Bilder zu Beginn hochgeladen und Alt-Texte vergeben. Dann erfolgte die Umbenennung der Bilddateien mit aussagekräftigen Dateinamen sowie die Eingabe der Metadaten wie Beschreibungen. Die Zuordnung zu Seiten und Beiträgen erfolgte im Laufe des Projekts. Bilder, die nicht genutzt wurden, habe ich aus der Mediathek entfernt.

Über die Suchfunktion wurde beim Test die Bilder gefunden – Screenshot.

Medien einbinden

Erstelle einen Beitrag oder eine Seite, der verschiedene Medientypen enthält: ein einzelnes Bild, eine Galerie mit mindestens drei Bildern, ein eingebettetes YouTube-Video und einen Block Medien und Text.

Backendbenutzer und Zugfriffsrechte

Benutzer anlegen

Erstelle drei Testbenutzer mit unterschiedlichen Rollen (Redakteur, Autor, Abonnent). Logge dich nacheinander mit jedem Benutzer ein und vergleiche, welche Menüpunkte und Funktionen jeweils sichtbar sind.