Eine Vereinswebsite, auf der jede Angabe nur an einer Stelle steht

WP Club Elements ist ein kostenloses Plugin für WordPress, dazu gehört ein Theme. Du trägst Personen, Abteilungen, Kurse, Termine und mehr je einmal ein. Jede Seite, die etwas davon zeigt, holt es sich von dort.

Gedacht ist es für Ehrenamtliche, die die Website ihres Vereins neben allem anderen pflegen.

InstallierenVorher ausprobieren

Die Startseite des Demovereins „TSV Musterstadt 1899 e.V.“: oben Wappen, Vereinsname und Menü, darunter ein großes Bild mit der Überschrift „Sport für alle, mitten in der Stadt“ und den Knöpfen „Alle Kurse ansehen“ und „Unsere Abteilungen“.
Das Backend von WordPress mit der Liste „Kurse“ des Demovereins. Im Menü links stehen „Vereinsdaten“, „Abteilungen“, „Personen“, „Sponsoren & Partner“, „Standorte“, „Termine“, „Kurse“, „Downloads“ und „Mitgliedsbeiträge“. Die Liste zeigt je Kurs den Titel und die Trainingszeiten.

Hinten die Website, vorn das Backend von WordPress mit den Kursen. Den TSV Musterstadt gibt es nicht, er ist der Demoverein. Die Seite ist echt: gebaut mit dem Plugin und dem Theme.

Ein Beispiel: montags, 16 Uhr, Kinderturnen

Beim TSV Musterstadt turnen die Kinder montags von 16 bis 17 Uhr in Halle 2 im Sportzentrum Am Mühlbach.

Diese Angabe gibt es im Backend genau einmal. Auf der Website steht sie an fünf Stellen.

Der Eintrag

Eingetragen wird sie beim Kurs

Im Kurs „Kinderturnen“ stehen unter „Kurszeiten“ Wochentag, Uhrzeit, Rhythmus, Standort und Raum. Den Standort tippst du nicht, du wählst ihn aus: Das Sportzentrum ist ein eigener Eintrag mit Adresse und Räumen. Die Übungsleiterin ebenso.

Der Kasten „Angaben zum Kurs“ des Kurses „Kinderturnen“ im Backend. Unter „Kurszeiten“ stehen Wochentag „Montag“, die Uhrzeit von 16:00 bis 17:00, der Rhythmus „Wöchentlich“, der Standort „Sportzentrum Am Mühlbach“ und der Raum „Halle 2“.
Der Kasten „Kursdetails“ im Kurs „Kinderturnen“.
  1. Stelle 1

    Sie steht auf der Seite des Kurses

    Jeder Kurs hat eine eigene Seite. Der Kasten „Auf einen Blick“ nennt Zeit, Ort, Abteilung und Leitung.

    Der Kasten „Auf einen Blick“ auf der Seite des Kurses „Kinderturnen“: Kurszeiten „Montag 16:00–17:00 Uhr, Sportzentrum Am Mühlbach (Halle 2)“, Abteilung „Turnen“, Art „Kinder“, Leitung „Andrea Lindner“.
    Aus der Seite „Kinderturnen“.
  2. Stelle 2

    Sie steht auf der Seite der Abteilung

    Die Abteilung Turnen zeigt ihre Kurse nach Wochentag. Die Zeile kommt aus dem Kurs. Bei der Abteilung hat sie niemand eingetragen.

    Der Abschnitt „Kurszeiten“ auf der Seite der Abteilung „Turnen“. Unter „Montag“ steht „16:00–17:00 Kinderturnen“ mit Ort und Trainerin, darunter folgt der Dienstag mit „Gerätturnen Jugend“.
    Der Abschnitt „Kurszeiten“ auf der Seite der Abteilung Turnen.
  3. Stelle 3

    Sie steht im Wochenplan

    Die Seite „Kurse“ zeigt alle Kurse des Vereins nach Wochentag. Das Kinderturnen steht dort vor der Fußball-E-Jugend.

    Der Wochenplan „Alle Kurse nach Wochentag“ auf der Seite „Kurse“ des Demovereins, darüber Knöpfe zum Filtern nach Abteilung. Unter „Montag“ stehen „16:00–17:00 Kinderturnen“ im Sportzentrum Am Mühlbach, Halle 2, mit Andrea Lindner und „17:30–19:00 Fußball E-Jugend“ auf dem Rasenplatz mit Michael Bauer.
    Der Wochenplan auf der Seite „Kurse“, hier der Montag.
  4. Stelle 4 und 5

    Die beiden übrigen Stellen sind die Seite der Übungsleiterin Andrea Lindner mit den Kursen, die sie leitet, und die Seite des Sportzentrums mit allem, was dort stattfindet.

Zieht das Kinderturnen auf Dienstag um, änderst du den Wochentag im Kurs und speicherst. Danach stimmen alle fünf Seiten.

Mit der Telefonnummer eines Übungsleiters, der Adresse einer Halle oder dem Datum der Jahreshauptversammlung geht es genauso.

Was du pflegst

Im Menü von WordPress kommen die Vereinsdaten und acht Arten von Inhalten dazu. Jede hat ein Formular mit festen Feldern.

Das Menü am linken Rand des Backends. Unter „Dashboard“ steht „Vereinsdaten“, darunter folgen „Abteilungen“, „Personen“, „Sponsoren & Partner“, „Standorte“, „Termine“, „Kurse“, „Downloads“ und „Mitgliedsbeiträge“, ganz unten „WP Club Elements“. Jeder Eintrag hat ein Symbol, „Vereinsdaten“ ein Gebäude und „WP Club Elements“ das Wappenschild des Produkts.
Vereinsdaten
Name, Logo, Adresse, Kontakte, Bankverbindung und die Angaben fürs Impressum. Kopf und Fuß der Website füllen sich daraus.
Abteilungen
Logo, Bild, Kurztext, Ansprechpartner und Übungsleiter. Die Seite einer Abteilung zeigt ihre Kurse, ihre Ansprechpersonen und ihre nächsten Termine.
Personen
Vorstand, Übungsleiter, Hallenwart: Name, Rolle, Foto, Telefon, E-Mail. Du legst jede Person einmal an und wählst sie bei Abteilungen, Kursen, Terminen und Standorten aus.
Sponsoren & Partner
Logo, Kategorie, Beschreibung und Kontakt. Die Website ordnet die Logos nach Kategorie.
Standorte
Halle, Platz, Vereinsheim: Adresse, Räume, Fotos, Ansprechpartner. Die Karte lädt erst, wenn ein Besucher zustimmt.
Termine
Jahreshauptversammlung, Sommerfest, Vereinsmeisterschaft: Datum, Uhrzeit, Ort, Abteilung. Vergangene Termine zeigt die Website getrennt von den kommenden.
Kurse
Trainingszeiten mit Wochentag, Uhrzeit, Standort und Raum, dazu Leitung, Kursart und Dokumente wie der Trainingsplan.
Downloads
Satzung, Beitragsordnung, Beitrittserklärung, Lastschriftmandat. Ein Eintrag kann mehrere Dateien bündeln.
Mitgliedsbeiträge
Je Beitragssatz der Betrag, das Zahlungsintervall und die Altersgrenze. Die Website setzt daraus die Beitragstabelle zusammen.

Auf die Seiten kommen die Inhalte über Blöcke im Editor von WordPress. Für Listen gibt es einen Block für alle Inhaltstypen. Er zeigt sie als Karten, Liste oder Tabelle und gliedert sie, zum Beispiel die Kurse nach Wochentag.

Die drei Teile

Das Plugin „WP Club Elements“ hält die Daten und bringt die Blöcke mit. Es läuft mit jedem Block-Theme.

Das „WPCE Theme“ bestimmt das Aussehen: Kopf und Fuß, die sich aus den Vereinsdaten füllen, Vorlagen für die Seiten und sieben Stile, darunter Sportverein, Turnverein, Musikverein, Feuerwehr und Förderverein. Du musst es nicht nehmen. Mit ihm passt aber das meiste schon zusammen.

Die Vorlage für ein Child-Theme ist für Agenturen und Entwickler. Sie nimmt Farben, Schriften und Logo eines Vereins auf, damit ein Update des Themes nichts davon überschreibt. Mehr dazu steht in der Doku zur Vorlage.

Der Website-Editor, in dem der Stil „Musikverein“ nur ausprobiert wird. Links die Auswahl der Stile mit dem umrandeten fünften Stil, rechts die Vorschau der Startseite: Schrift mit Serifen, Überzeile und Knopf in Gold, der Knopftext in Versalien.
Der Website-Editor von WordPress: Der Demoverein probiert den Stil „Musikverein“ an.

Was es nicht tut

  • Es verwaltet keine Mitglieder, und es gibt keinen Login-Bereich für sie. Auf der Website liegen nur öffentliche Daten.
  • Es nimmt keine Anmeldungen zu Kursen an und bucht nichts.
  • Es ist kein Shop. Bezahlen kann man damit nichts.
  • Es ersetzt WordPress nicht. Du brauchst WordPress 7.0, PHP 8.2 und jemanden, der ein Plugin installieren kann.

Was es kostet

Nichts.

Plugin und Theme sind freie Software unter der GPL. Es gibt keine Pro-Version und keinen Lizenzschlüssel, und keine Funktion ist gesperrt.

Du willst dich nicht selbst kümmern?

Ich betreibe Vereinswebsites auch: Hosting, Sicherungen und Updates liegen dann bei mir. Dafür läuft die Website auf meinen Servern, denn nur dort kann ich Sicherung und Überwachung so einrichten, wie ich sie zusage. Schreib mir an info@wp-club-elements.de.

Vorher ausprobieren

Bevor du etwas installierst, kannst du es ausprobieren. In der Demo stehen fünf erfundene Vereine. Du suchst dir einen aus und klickst auf „Ausprobieren“. Dann bekommst du für 24 Stunden eine eigene Kopie des Vereins und bist als Redaktion im Backend angemeldet. Registrieren musst du dich nicht.

Verleg beim TSV Musterstadt das Kinderturnen auf Dienstag und sieh nach, ob alle fünf Seiten stimmen.

Das Backend der Demo schlägt dir selbst drei Dinge vor: eine Uhrzeit ändern, eine Neuigkeit schreiben und die Vereinsdaten ändern. Danach siehst du dir die Website an.

Zur Demo

Oder erst nur ansehen

Jeden der fünf Vereine gibt es auch als fertige Website zum Durchklicken. Ändern kannst du dort nichts.

Was die Demo nicht kann

  • Formulare auf den Websites der Vereine verschicken nichts.
  • Du bist Redaktion. An Plugins, Themes und Einstellungen kommst du nicht, und eine andere Rolle gibt es nicht.
  • Deine Kopie wird nach 24 Stunden gelöscht. Gib deshalb keine echten Namen, Adressen oder Fotos ein. Was die Demo speichert, steht in der Datenschutzerklärung.

So fängst du an

Du lädst Plugin und Theme als ZIP-Dateien herunter und lädst sie in WordPress hoch. Danach trägst du unter „Vereinsdaten“ Name, Logo und Adresse ein. Einen Account oder einen Lizenzschlüssel brauchst du nicht.

Voraussetzungen
WordPress7.0 oder neuer
PHP8.2 oder neuer. Die Version stellt dein Webhoster ein.
Themedas WPCE Theme oder ein anderes Block-Theme

Wer das macht

Ich bin Lars Hieronymi und arbeite als Freelancer unter dem Namen Die Technikbude in Frankfurt am Main. WP Club Elements entwickle und betreue ich.

Die Software ist frei, weil ein Vereinsvorstand keine Plugin-Lizenz kaufen soll. Wenn ein Verein etwas bezahlt, dann dafür, dass die Website läuft und sich jemand kümmert.

Fragen beantworte ich unter info@wp-club-elements.de.