WordPress

Wir sind beide in Vereinen aktiv – und kümmern uns somit nicht nur um unsere private Webseite, sondern auch um die Betreuung von gleich zwei Vereinsseiten. Dabei haben wir schnell gemerkt: Eine gute Webseite ist einer der wichtigsten Hebel für erfolgreiche Mitgliedergewinnung. Gerade nach der Corona-Zeit ist dieses Thema für viele Vereine noch relevanter geworden.

Wir sind keine ausgebildeten Webdesigner. Also haben wir uns auf die Suche gemacht, viele gelungene Webseiten angeschaut und versucht herauszufinden, was gut funktioniert – und vor allem: wie man solche Lösungen selbst umsetzen kann. Immer wieder standen wir vor der Frage: Wie wurde das gemacht? Und noch wichtiger: Wie lässt sich das mit den begrenzten finanziellen Mitteln eines kleinen Vereins realisieren?

Denn die Realität ist: Unsere Vereine können es sich nicht leisten, eine Agentur zu beauftragen. Und auch kostenpflichtige Plugins sind oft keine Option – insbesondere, wenn sie auf Abo-Modellen basieren, deren laufende Kosten sich langfristig nicht rechtfertigen lassen.

Genau deshalb teilen wir hier unsere Erfahrungen. Wir zeigen, welche Lösungen wir für unsere Vereinswebseiten gefunden haben, welche Tools und Plugins wir einsetzen – und wie sich viele Dinge auch ohne großes Budget umsetzen lassen. Unsere Lösungen sind auf https://sg-koenigslutter.de und https://tatami-suepplingen.de im Einsatz.

Unsere wichtigsten Plugins

Immer wieder kommt man an den Punkt, an dem sich ein gewünschtes Feature in WordPress am einfachsten mit ein paar Zeilen Code umsetzen lässt. Klassischerweise landen solche Anpassungen in der functions.php des Themes – mit zwei großen Nachteilen: Zum einen können Updates die Änderungen überschreiben, zum anderen kann schon ein kleiner Fehler die gesamte Seite lahmlegen.

Genau hier setzt das Plugin Code Snippets an. Es ermöglicht, eigene Code-Schnipsel sauber und getrennt vom Theme zu speichern und zu verwalten. Die einzelnen Snippets lassen sich wie kleine Mini-Plugins aktivieren und deaktivieren – übersichtlich, sicher und jederzeit nachvollziehbar.

Ein weiterer Vorteil: Die Anpassungen bleiben auch bei Theme- oder WordPress-Updates erhalten, da sie unabhängig gespeichert werden.

Gerade durch den letzten Punkt ist das Plugin für uns ein absolutes Must-have.

https://wordpress.org/plugins/code-snippets/

Formulare sind ein zentraler Bestandteil jeder Vereinswebseite – egal ob für Kontaktanfragen, Beitrittserklärungen oder auch Kündigungen. Wichtig ist dabei vor allem eines: Sie müssen einfach zu bedienen sein – besonders auf dem Smartphone.

Wir haben verschiedene Formular-Plugins getestet und sind am Ende bei Forminator gelandet. Das Plugin bietet eine gute Balance aus Funktionsumfang und einfacher Bedienung – sowohl für uns bei der Erstellung als auch für die Nutzer beim Ausfüllen.

Mit Forminator lassen sich niedrigschwellige Angebote zur Kontaktaufnahme umsetzen: Formulare können direkt online ausgefüllt und abgeschickt werden, ohne zusätzliche Downloads oder komplizierte Zwischenschritte. Gerade für neue Mitglieder ist das ein wichtiger Faktor, um die Hürde zur Kontaktaufnahme möglichst gering zu halten.

Für uns ist Forminator deshalb die ideale Lösung, um wichtige Prozesse im Verein unkompliziert und benutzerfreundlich digital abzubilden.

https://wordpress.org/plugins/forminator/

Moderne Webseiten haben heute ganz andere Anforderungen an Design und Struktur als noch vor einigen Jahren: Hero-Bereiche, ansprechende Layouts, Slider-Elemente oder klar gegliederte Inhaltsabschnitte gehören inzwischen zum Standard.

Mit Kadence Blocks wird genau das auch im WordPress-Standardeditor (Gutenberg) möglich – und das ohne tiefgehende Design- oder Layoutkenntnisse. Besonders hilfreich ist die integrierte Design-Bibliothek: Sie bietet bereits im kostenlosen Bereich eine große Auswahl an fertigen Templates und Layouts.

Das bedeutet: Statt einzelne Blöcke mühsam zusammenzustellen und zu gestalten, kann man auf vorgefertigte Strukturen zurückgreifen und diese einfach an die eigenen Inhalte anpassen. Das spart enorm viel Zeit und sorgt gleichzeitig für ein modernes, professionelles Erscheinungsbild.

Für uns ist Kadence Blocks daher ein zentraler Baustein, um ohne großen Aufwand ansprechende und zeitgemäße Webseiten umzusetzen.

https://de.wordpress.org/plugins/kadence-blocks/

Auch die Nutzung von Webseiten hat sich stark verändert: Auf dem Smartphone ist Wischen längst zum Standard geworden und wird von den meisten Nutzern ganz intuitiv erwartet. Genau dieses Verhalten kann man gezielt für die Struktur der eigenen Inhalte nutzen.

Unsere Ansatz: Die wichtigsten Informationen sollten direkt und schnell erreichbar sein – per Wischbewegung. Vertiefende Inhalte folgen dann weiter unten auf der Seite und können klassisch durch Scrollen entdeckt werden.

Mit Smart Slider 3 setzen wir genau dieses Konzept im Hero-Bereich unserer Startseite um. Der Slider ermöglicht es, zentrale Botschaften kompakt darzustellen und den Nutzern einen schnellen Überblick zu geben. Durch das Wischen gelangen sie direkt zu den wichtigsten Themen, ohne lange suchen zu müssen.

Für uns ist Smart Slider 3 damit ein wichtiger Baustein, um Inhalte klar zu strukturieren und gleichzeitig ein modernes, mobilfreundliches Nutzungserlebnis zu schaffen.

https://wordpress.org/plugins/smart-slider-3/

Gerade im Schach kommt man an Tabellen nicht vorbei. Wir nutzen sie zum Beispiel für unsere „Hall of Fame“, in der die Gewinner unserer jährlichen Turniere übersichtlich dargestellt werden.

TablePress macht es dabei besonders einfach, solche Inhalte strukturiert und benutzerfreundlich aufzubereiten. Ein großer Vorteil für uns: Die integrierte Suchfunktion ermöglicht es, gezielt nach Einträgen zu suchen. Außerdem können wir die Anzahl der angezeigten Zeilen begrenzen.

Das sorgt dafür, dass die Seite übersichtlich bleibt – denn niemand möchte ungefragt die Ergebnisse der letzten 50 Jahre auf einmal sehen. Stattdessen erstellt TablePress automatisch eine Seitennavigation (Pagination), über die sich weitere Einträge bequem durchklicken lassen.

Für uns ist TablePress daher die ideale Lösung, um umfangreiche Daten sinnvoll darzustellen, ohne die Nutzer zu überfordern.

https://wordpress.org/plugins/tablepress/

Aktuelle Beiträge und Neuigkeiten sind das Herz jeder Vereinswebseite – allerdings nur dann, wenn sie auch ansprechend und übersichtlich präsentiert werden. Gerade bei vielen Beiträgen wird es schnell unübersichtlich, wenn Struktur und Design fehlen.

Mit The Post Grid haben wir eine Lösung gefunden, um unsere News-Beiträge einheitlich und modern darzustellen. Das Plugin sorgt für klare Layouts, gleichmäßige Vorschaugrößen und eine saubere Struktur – unabhängig davon, welches Endgerät genutzt wird.

Ein weiterer Vorteil ist die integrierte Pagination: Beiträge werden übersichtlich auf mehrere Seiten verteilt, sodass die Startseite nicht überladen wirkt und Besucher sich einfach durch die Inhalte klicken können.

Für uns ist The Post Grid daher ein wichtiger Baustein, um unsere Vereinsaktivitäten sichtbar zu machen und Inhalte ansprechend zu präsentieren.

https://wordpress.org/plugins/the-post-grid/

Eigene Anpassungen und Erweiterungen

Auch mit den besten verfügbaren Plugins stößt man irgendwann an Grenzen. Gerade bei Vereinswebseiten entstehen immer wieder kleine Anforderungen, für die eine eigene, gezielte Anpassung die beste Lösung ist.

Deshalb sammeln wir hier die Code-Snippets, die wir für unsere Webseiten entwickelt und eingesetzt haben. Viele davon lösen ganz konkrete Probleme aus dem Vereinsalltag: wiederkehrende Informationen zentral verwalten, kleine Funktionen ergänzen oder bestehende WordPress-Elemente an unsere Bedürfnisse anpassen.

Der Vorteil solcher kleinen Erweiterungen: Sie bleiben überschaubar, sind leicht zu warten und vermeiden unnötige zusätzliche Plugins.

Wenn sich eine Anforderung nicht mehr sinnvoll mit einem Snippet lösen lässt, entwickeln wir daraus ein eigenes WordPress-Plugin. Diese umfangreicheren Lösungen stellen wir nicht hier, sondern direkt bei unseren Projekten vor.

Ein aktueller Copyright-Hinweis gehört für uns zum Standard einer professionellen Webseite. Allerdings bietet WordPress dafür keine einfache Bordmittel-Lösung, die automatisch das aktuelle Jahr ausgibt.

Dieses kleine Snippet erstellt einen Shortcode, der immer das aktuelle Jahr zurückgibt. Dadurch kann der Copyright-Hinweis einmal eingebaut werden und aktualisiert sich automatisch zum Jahreswechsel.

Verwendung:

Den Shortcode [year] an der gewünschten Stelle einfügen – zum Beispiel im Footer der Webseite.

Code:

function sc_current_year() {
    return date('Y');
}
add_shortcode('year', 'sc_current_year');

Ein typisches Problem bei Vereinswebseiten: Informationen wie Trainingszeiten, Spielorte oder Ferienregelungen stehen oft an mehreren Stellen. Zum Beispiel auf der Trainingsseite, der Startseite, der Mitgliedschaftsseite oder im Kontaktbereich.

Die Gefahr: Ändert sich eine Information, muss man mehrere Seiten manuell anpassen. Schnell wird eine Stelle vergessen – und die Webseite zeigt unterschiedliche Informationen.

Unsere Lösung: Wir legen solche wiederkehrenden Informationen als eigene Shortcodes an. Die eigentliche Information wird nur an einer Stelle gepflegt und kann dann überall auf der Webseite eingefügt werden.

Eine einfache Variante sieht beispielsweise so aus:

function sgk_kindertraining_zeit() {
    return 'Montags 17:00 – 18:30 Uhr';
}
add_shortcode('sgk_kindertraining_zeit', 'sgk_kindertraining_zeit');

Der große Vorteil: Ändert sich die Trainingszeit, muss nur eine Stelle angepasst werden – alle Verwendungen auf der Webseite aktualisieren sich automatisch.

Gerade für Vereinsseiten mit vielen wiederkehrenden Informationen ist dieses Prinzip eine einfache Möglichkeit, Fehler zu vermeiden und die Pflege deutlich zu erleichtern.

Bei Vereinsseiten entstehen häufig Inhalte, die regelmäßig neu angelegt werden – bei uns zum Beispiel die Seiten für die jährlichen Turniere. Eine typische Herausforderung: Die jeweils aktuelle Turnierseite soll im Menü erscheinen, ohne dass jedes Jahr manuell ein neuer Menüpunkt angelegt und der alte entfernt werden muss.

Unsere Lösung: Ein eigenes Snippet durchsucht die vorhandenen Turnierseiten anhand von Meta-Informationen und ermittelt automatisch die aktuellste Seite. Diese wird dann dynamisch im Menü angezeigt.

Der Vorteil: Wird ein neues Turnier angelegt, aktualisiert sich die Navigation automatisch. Die Webseite bleibt aktuell, ohne dass jedes Jahr eine manuelle Anpassung notwendig ist.

Die Grundlage dafür bilden Meta-Tags, die unsere eigenen Plugins beim Erstellen der Turnierseiten setzen.

https://github.com/kindermaenner/wordpress-snippets

Aktuelle Inhalte sollen schnell erreichbar sein – ältere Inhalte sollen aber nicht verschwinden. Gerade bei Vereinschroniken und Turnieren sind vergangene Veranstaltungen wertvolle Informationen.

Deshalb erzeugen wir automatisch Übersichtsseiten, die alle vorhandenen Turnierseiten zusammenstellen. Auch hier werden die von unseren Plugins gesetzten Meta-Informationen genutzt, um passende Inhalte zu finden und strukturiert darzustellen.

So entsteht automatisch eine Chronik aller Turniere, ohne dass jede neue Veranstaltung zusätzlich in einer Übersicht gepflegt werden muss.

Das Prinzip dahinter: WordPress verwaltet die einzelnen Seiten – die Verknüpfung übernimmt die Logik im Hintergrund.

https://github.com/kindermaenner/wordpress-snippets