Im Sommer kam im Musikverein, in dem ich Mitglied bin, der Wunsch nach einer neuen Webseite auf. Ich sagte der Umsetzung sofort zu.
Vor dem Projekt
Wir starteten mit einem Briefing, bei dem geklärt wurde, was die neue Webseite beinhalten sollte und was für Funktionalitäten gegeben sein sollten.
Zu den üblichen Inhalten auf einer Webseite (Home, Über uns, Galerie, News) sollte auch ein Intranet entstehen, in dem die Vereinsmitglieder die Probepläne und eventuell vorhandene Hörbeispiele runterladen können. Auch soll dort der Probeplan für das Handy oder für den Google Kalender abonniert werden können.
Durchführung
Ich entschied mich, die Webseite mit Wordpress zu erstellen, da ich mich damit auskenne und Wordpress den Vorteil hat, dass kleine Anpassungen relativ leicht auch von Laien durchgeführt werden können.
Ich entschied mich bei der Gestaltung für das Theme Avada. Damit ich aber mehr Handlungsspielraum haben würde, richtete ich ein Child-Theme ein, um das ich dann später noch einige Male dankbar war.
Vom Seitenaufbau her entschied ich mich, möglichst wenig Untermenus zu verwenden, um die Seite einfach zu halten. So blieb es beim Hauptmenu mit folgenden Punkten:
- Home
- Verein
- Termine
- Galerie
- Jugend
- Berichte
- Kontakt
wobei auf der Startseite Auszüge aus Verein, Berichte und Termine zu sehen sind.
Damit das Design nicht dem typischen Wordpress-look verfiel, entschied ich mich, Bilder oberhalb des Menus zu platzieren.
Für das Intranet verwendete ich nach einigem Recherchieren und Ausprobieren schliesslich ein Plugin namens "Ultimate Member". Damit kann man verschiedene Seiten für die Allgemeinheit sperren und nur mittels Login sichtbar machen. Das Einstellen des Plugins, bis schlussendlich alles passte, dauerte jedoch einige Zeit, da man damit extrem viele Sachen anpassen kann. Weil es leider auf Englisch ist, musste ich auch noch die Sprachdateien manuell mit Poedit übersetzen, damit auch die nicht englischsprechenden Mitglieder des Vereins ein Konto einrichten können.
Auch das Anzeigen der Proben inklusive Möglichkeit, diese zu abonnieren, erwies sich als Knacknuss, da ich eine Lösung finden wollte, die nichts kostet. Auch hier erwies sich ein Plugin als Lösung, auch wenn ich zuerst einige ausprobieren musste, bis ich eines gefunden habe, dass alle meine Bedingungen erfüllt. Entschieden habe ich mich für "Event Organiser". Aber ich musste schlussendlich noch einiges im CSS und PHP anpassen, bis es mir schlussendlich passte. Es hat jedoch riesig Spass gemacht, auf einer Wordpress Seite mal mit PHP zu arbeiten und zu tüfteln.
Die Proben und Auftritte müssen nun einmal manuell eingetragen werden (man kann zum Glück wiederkehrende Events festlegen), und sind dann auf der Webseite (Getrennt als Proben und Auftritte, wobei die Auftritte öffentlich und auch auf der Startseite einsehbar und klickbar sind, sodass man auch einen Flyer hinterlegen kann) sowohl auch in einem .ics file, sodass man den Kalender abonnieren kann, hinterlegt.
Da unser altes Logo auf der neuen Webseite nicht mehr gut aussah, durfte ich zudem auch noch das Logo neu gestalten. Dafür verwendete ich das Design, das auch auf der neuen Vereinsfahne dargestellt wird. Es ist modern und passt perfekt in die neue Webseite.
Google
Natürlich darf bei einer Neugestaltung die Suchmaschinenoptimierung und das Controlling nicht fehlen. Hier eine kurze Auflistung:
- Bilderoptimierung
- Yoast SEO (Anzeige in Google, allgemeine Optimierung)
- Cache Plugin inkl. Optimierung des Codes (Geschwindigkeitsverbesserung)
- Webseite auf Google Maps bei Probelokal verlinkt
- Google Search Console (Seiten, die für den Normalnutzer nicht relevant sind, aus der Google Anzeige blockiert, Seiten, die relevant sind, hervorgehoben, Fehlerbehebung, Anzeige der Events)
- Google Analytics
Man darf natürlich nicht vergessen, dass dies keine einmalige Sache, sondern ein Prozess ist. Ich werde also weiterhin immer wieder kontrollieren, wie und wo die Seite in Google angezeigt wird.
Fazit
Das Projekt hat mir sehr spass gemacht. Ich liebe neue Herausforderungen, bei denen ich tüfteln kann. Dies hat mir diese Webseite definitiv geboten. Da ich schon in der Sommerpause damit beginnen konnte, hatte ich auch die Zeit dafür.
Mit dem Endprodukt bin ich sehr zufrieden, die Webseite gefällt mir sehr und sie funktioniert auch einwandfrei. Durch das viele Recherchieren ging zwar einige Zeit "verloren", aber wenn man Tools verwendet, die man noch nie gebraucht hat, finde ich es notwendig. So kann man sicherstellen, dass man die beste Lösung gefunden hat.