Der Verein „Du bist Rheinhausen“ hat es sich zum Ziel gesetzt, eben jenen Duisburger Stadtteil lebens- und liebenswert zu gestalten. Die eigene Website musste dabei leider etwas zurückstecken und daher wurde es Zeit für eine Überarbeitung. Schnell war klar, dass die erste Version auf Basis von Elementor und einer Vielzahl von teilweise gar nicht mehr notwendigen Plugins überhaupt nicht mehr richtig funktionierte und die Inhalte teilweise gar nicht mehr bearbeitet werden konnten. Da zusätzlich einige neue Funktionen benötigt wurden, trafen wir die Entscheidung, alles einmal von Grund auf neu aufzusetzen.
Um dabei nicht irgendwann erneut in dieselbe Situation der Abhängigkeit eines bestimmten Pagebuilders zu geraten, habe ich ausschließlich mit dem WordPress-eigenen Editor gearbeitet, der durch individuelle Funktionen und CSS-Anpassungen ergänzt wurde. Es gibt also keine laufenden Kosten (abgesehen vom Hosting, versteht sich) und keine Abos, die irgendwann ablaufen und den Zugriff auf die Website blockieren.
In Hinblick auf das Design gab es außer Farben und Schriften eigentlich nur wenige Vorgaben, sodass wir als Grundlage das Print-Design von Plakaten und Flyern gewählt haben – die abgerundeten Elemente in unterschiedlich satten Grüntönen sind hier das prägende Element.
Um zudem den Charakter des Vereins mit vielen Ideen und dem Motto „Machen statt Meckern“ aufzugreifen, habe ich ein paar Elemente in Anlehnung an „mal eben“ hingeklebte Post-Its gestaltet. So ist auf größeren Geräten wie Laptops und aufwärts zum Beispiel das Menü mit einem Hover-Effekt dargestellt, der das Untermenü wie einen Notizzettel überlappen lässt.
Da der Verein vor allem auf den Community-Gedanken mit regelmäßigem Austausch und gemeinsamer Aktionen setzt, gibt es auf der Startseite neben der Möglichkeit, sich für den Newsletter anzumelden, auch direkt eine Übersicht der nächsten Termine – natürlich mit Link zur jeweiligen Detailansicht mit weiteren Informationen (dazu unten mehr).
Dasselbe gilt für die aktuellen Projekte des Vereins, die ebenfalls mit ihren jeweiligen Detailseiten verlinkt sind.
Auf den Detailseiten der Projekte gibt es zunächst Informationen und ein paar Bilder und im Falle regelmäßiger Veranstaltungen auch eine individuelle Terminliste. Die Termine wurden als Custom Post Type angelegt und werden über die kostenfreien Plugins Advanced Custom Fields und dessen Erweiterung Meta Field Block entsprechend dargestellt. Ein wenig Trickserei mit dem WordPress-Editor und etwas individuelles CSS waren auch notwendig, aber nun müssen sich die Mitglieder nur noch um das Eintragen der Termine kümmern und nicht jede einzelne Projektseite zusätzlich pflegen.
Wer Fragen zu den Projekten hat, findet natürlich auch jeweils eine Kontaktperson, die im ähnlichen Stil wie die übrigen „Hingucker“-Elemente hervorgehoben werden.
Ansonsten bieten die Detailseiten der Termine natürlich auch alle relevanten Informationen auf einen Blick, insbesondere Datum und Ort sowie ggf. einen Link zur Anmeldung. Dafür nutzte der Verein bereits eine externe Plattform über beeabee.de, für die wir deshalb ganz einfach ein Custom Field ergänzt haben.
Unterhalb der Informationen zum jeweiligen Termine findet sich auch immer der aktuelle Ausblick, der ebenfalls automatisch aus den eingetragenen Veranstaltungen generiert wird.
Da der Verein vor allem seine Müllsammel-Aktionen dokumentiert, habe ich eine individuelle Erweiterung integriert. Über Custom Fields können in den jeweiligen Veranstaltungen die Anzahl der beteiligten Personen sowie die Menge des gesammelten Mülls eingetragen werden. Beim Speichern wird dann automatisch die Statistik auf der Projektseite aktualisiert. Auch hier muss also nicht mehr manuell gerechnet und geändert werden.
Für den Fall, dass es neben der Statistik auch noch einen ausführlicheren Bericht geben soll, wurde auch die Blogfunktion von WordPress integriert und mit entsprechenden Templates im einheitlichen Design ausgestattet. Auch hier kommt ausschließlich der WP-eigene Editor zum Einsatz, um möglichst unkompliziert Beiträge erstellen zu können. Das müssen natürlich nicht nur Veranstaltungsberichte sein!
Eine weitere, individuelle Anforderung neben der Statistik war auch eine Projektseite, die mehrsprachig dargestellt werden soll. Da für eine einzelne Unterseite ein Website-weites Mehrsprachigkeits-Plugin zu überdimensioniert ist, habe ich auch hier eine eigene Erweiterung integriert. Die Projektseite wurde mit je einer Unterseite pro Sprache versehen, die automatisch in einem aufklappbaren Sprachwechsel-Element (auf Basis des WP-eigenen „Details“-Blocks) angezeigt werden und die Liste damit beliebig erweiterbar machen.
