Theme PRO Handbuch

1  Was Theme PRO ist

Schnell erklärt

Theme PRO ist ein Begleit-Plugin (Companion) zum ClubPress-Theme. Alle Funktionen liegen in einem eigenen Backend-Menü mit mehreren Reitern, die du der Reihe nach durchgehen kannst.

• PRO verändert bestehende Mitglieder-, Beitrags- und Termindaten nicht automatisch. Es erweitert die Gestaltung und pflegt zusätzlich bestimmte Inhalts- und Metadaten – etwa eigene Formulare, Sponsoren-Einträge und SEO-Angaben.
• Ohne eingetragenen Schlüssel kannst du die Reiter als Vorschau ansehen; das dauerhafte Speichern bzw. „Übernehmen“ ist gesperrt.

Im Detail

ClubPress trennt sauber: Das Basis-Theme bringt Grundfarben, vier Schriftpakete und einfache Layouts mit. Theme PRO setzt oben drauf und liefert einen geprüften Farb-Aufbau, mehr Layouts, Premium-Schriften, Sektions-Varianten, eigene Formulare, Sponsoren-Verwaltung und ein SEO-Center. Die klassische Feinjustage bleibt weiterhin unter Design › Anpassen (dem WordPress-Customizer) möglich.

Faustregel: Auf der PRO-Seite triffst du die großen Entscheidungen per Vorschau und „Übernehmen“, im Customizer justierst du danach im Detail.

Bereich	Kostenlose Basis	Mit Theme PRO
Farben	statische Theme-Farben	geprüftes Schema, Ein-Klick-Übernahme, Zustands-CSS
Schriften	4 Basis-Pakete	11 Premium-Schriftpakete
Hero-Layouts	2 Layouts	8 Layouts
Sektions-Varianten	je Standard-Variante	alle Varianten wählbar

Installation & sicherer Betrieb

Theme PRO wird als Plugin installiert und arbeitet nur zusammen mit dem ClubPress-Theme. Gehe in dieser Reihenfolge vor:

1. Basis-Theme zuerst aktivieren. Ist das ClubPress-Theme nicht aktiv, bleibt PRO ruhig und weist einmalig darauf hin. Aktiviere in diesem Fall zunächst das ClubPress-Theme.
2. Plugin-ZIP installieren und aktivieren (Plugins › Installieren › Plugin hochladen).
3. Kompatible Versionen prüfen. Theme und Plugin sollten zueinander passen; die aktuellen Stände findest du auf der PRO-Seite und im Schnellstart. Aktualisiere bei Bedarf Theme und Plugin gemeinsam.
4. Vorher sichern. Lege ein Backup an oder probiere Änderungen zuerst auf einer Staging-/Testkopie aus, bevor du sie auf der Live-Website übernimmst.
5. Rückweg kennen. Treten Probleme auf, kannst du das PRO-Plugin deaktivieren; das Basis-Theme läuft dann ohne die PRO-Erweiterungen weiter. Deine gespeicherten Inhalte bleiben erhalten.

2  Lizenz & Freischaltung

Schnell erklärt

• Kaufen: auf web-my-business.de. Deutscher Checkout, Preis inkl. MwSt, 14 Tage Geld-zurück-Garantie. Optional 14 Tage kostenlos testen (ohne Zahlungsmittel).
• Aktivieren: Den Lizenzschlüssel bekommst du nach dem Kauf per E-Mail. Öffne „Konto“ und verbinde deine Lizenz. Nach der Installation weist dich das Plugin auch selbst darauf hin.
• Updates: Neue Versionen kommen automatisch über die WordPress-Plugin-Aktualisierung.
• Verwalten: Rechnungen, Laufzeit und Verlängerung im Kundenportal customers.freemius.com.

Im Detail

Läuft die Lizenz aus, fällt das Design sanft auf den Standard zurück; deine gespeicherten Einstellungen bleiben erhalten und wirken nach einer Verlängerung wieder. In der Übersicht siehst du jederzeit, ob PRO freigeschaltet ist.

Die folgende Übersicht ist die zentrale Referenz für den Zustand ohne aktive PRO-Freischaltung. Spätere Kapitel verweisen darauf, statt die Einzelheiten jeweils zu wiederholen.

Funktion	Ohne aktive Freischaltung
Typografie (Premium-Schriftpakete)	werden nicht geladen – die Seite nutzt die Theme-Standardschrift (mögliche Layoutverschiebung). Deine gespeicherte Auswahl bleibt erhalten und wirkt erst mit erneuter Freischaltung wieder.
Sektions-Varianten (Termine, Galerie, Sponsoren)	fallen am Frontend auf die Standard-/freie Darstellung zurück.
Ornamente, Countdown-PRO-Stile, Sparten „Reiter/Chips“, Hero-PRO-Layouts	fallen am Frontend auf Standard zurück.
„Über uns“-Inhaltstypen (Chronik, In Zahlen, Leitbild, Erfolge)	erscheinen ohne PRO nicht – es entsteht keine leere Stelle.
Vorstand-Variante	bleibt am Frontend bestehen (nicht gesperrt).
Reihenfolge & Sichtbarkeit der Abschnitte	bleiben erhalten (als Theme-Einstellungen gespeichert).
Farb-Optimierer-Zustands-CSS (Hover/Fokus/Kontrast-Ergänzung)	entfällt – die Theme-Grundfarben bleiben, die zusätzlichen Zustands-Regeln fehlen.

3  Die PRO-Seite verstehen

Schnell erklärt

• Die PRO-Seite hat neun Reiter. Du wechselst oben zwischen ihnen; die Adresse ändert sich dabei um ?tab=….
• Du arbeitest nach dem Muster Vorschau ansehen → „Übernehmen“. Erst mit „Übernehmen“ werden die Werte ins Theme geschrieben.
• Feinheiten (einzelne Texte, Bilder, Detailwerte) stellst du danach unter Design › Anpassen ein.

Im Detail

Die PRO-Seite bündelt die Arbeit an einem Ort. Du triffst dort die großen, wirksamen Entscheidungen und siehst sie sofort in der Vorschau. Erst ein Klick auf „Übernehmen“ schreibt das Ergebnis dauerhaft ins Theme. Anschließend justierst du im Customizer nach, ohne dass PRO automatisch etwas überschreibt.

Reiter	Wofür
Übersicht & Lizenz	Freischaltung, Status, Schnellstart
Farb-Optimierer	Vereinsfarben, Barrierefreiheits-Check, Logo & Hero-Schleier
Design-Assistent	geführter Design-Vorschlag mit Begründung
Eure Webseite	Reihenfolge und Sichtbarkeit der Startseiten-Abschnitte
Hero-Layouts	Auswahl des Kopfbereichs der Startseite
Typografie	Auswahl des Schriftpakets
Sektionen	Layout-Varianten je Abschnitt
Stil	Ornamente und Countdown
SEO-Center	Suchmaschinen-Angaben und Alt-Texte

Verhältnis PRO-Reiter und „Anpassen“: Auf der PRO-Seite entscheidest du gebündelt und mit Vorschau; der Customizer (Design › Anpassen) bleibt für Einzeltexte, Bilder und Detailwerte zuständig. PRO schreibt in dieselben Theme-Werte, überschreibt aber nichts von selbst – nur, wenn du „Übernehmen“ klickst.

4  Vereinsfarben eingeben & Startpaletten

Schnell erklärt

• Hauptfarbe (auch Arbeitsfarbe genannt) eingeben – das ist die einzige Pflichtangabe.
• Optional eine Akzentfarbe ergänzen und den Hintergrund festlegen (meist Weiß).
• Farben wählst du bequem über den Color-Picker von WordPress oder du trägst einen Farbwert ein.

Im Detail

Wer die genauen Vereinsfarben nicht zur Hand hat, startet mit dem Startfarben-Angebot. Es umfasst neun fertige Zwei-Farb-Paletten mit rein farbbeschreibenden Namen (zum Beispiel „Marine · Gold“ oder „Petrol · Kupfer“), dazu sieben einzelne Startfarben und drei neutrale Varianten (darunter „Weiß · minimal“). Die Namen beschreiben nur die Farben, nicht einen Vereinstyp – du wählst frei nach Geschmack.

Aus deiner Eingabe leitet der Optimierer ein vollständiges System ab: Hintergrund, Fließtext, Überschriften und Links, die Schaltflächen für Inhalte und den Hero-Bereich, die Hero-Fläche selbst sowie die Verwendung des Akzents. So passt am Ende alles zusammen, statt aus einzelnen, zufällig gewählten Farben zu bestehen.

Eingabe	Bedeutung
Hauptfarbe	Pflicht – prägende Vereinsfarbe, Basis des Systems
Akzentfarbe	optional – Hervorhebungen und Flächen
Hintergrund	Grundton der Seite, in der Regel Weiß

5  Der Barrierefreiheits-Check

Schnell erklärt

• Der Check misst den Kontrast zwischen Textfarbe und Untergrund und ordnet ihn einer WCAG-Stufe zu.
• Eine Tabelle zeigt jede geprüfte Paarung mit Verhältnis und Bewertung; oben steht eine Zusammenfassung mit ✓ oder Warnung.
• Wo der Kontrast zu niedrig ist, verschiebt der Optimierer eine Farbe in kleinen Schritten, bis das Ziel erreicht ist.

Im Detail

Die Tabelle prüft die wichtigen Stellen der Seite: Fließtext, Überschriften, Button-Text und Button-Fläche, den Hero-Bereich, Sektions-Überschriften, Labels sowie farbige Sektionen und Footer. Ein Sonderfall ist „Akzent als Schrift“: Wird der Akzent nur als Fläche genutzt und nicht als Textfarbe, wird diese Zeile als unkritisch geführt. Jede Zeile nennt das Kontrastverhältnis und eine Stufe (etwa AAA, AA, OK, „nur groß“ oder FAIL).

Neben dem reinen Text berücksichtigt der Check auch die Zustände von Schaltflächen: Normal, Hover (Mauszeiger darüber), Klick, Fokus (Tastatur-Bedienung) und Deaktiviert. Wichtig ist der sichtbare Fokus-Rahmen: Wer die Seite per Tastatur bedient, muss jederzeit erkennen, wo er sich gerade befindet.

6  Vorschau & Übernehmen

Schnell erklärt

• Die Live-Vorschau zeigt Hero, eine Zustände-Leiste (Normal/Hover/Klick/Fokus/Deaktiviert) und eine Menü-Zeile in euren Farben.
• „Übernehmen“ schreibt die geprüften Farben ins Theme und ergänzt das nötige CSS für Hover-, Klick- und Fokus-Zustände.
• Ein Status-Chip zeigt, ob alles „Optimiert & aktiv“ ist oder ob es „Nicht gespeicherte Änderungen“ gibt.

Im Detail

Beim Übernehmen legt der Optimierer das geprüfte Farbschema fest und ergänzt genau die Zustands-, Hover- und Fokus-Regeln, die das Theme von sich aus nicht abdeckt – inklusive eines sichtbaren Fokus-Rahmens. Änderst du später eine Farbe direkt unter „Anpassen“, erkennt der Optimierer diese Abweichung (Anti-Drift) und bietet die geprüfte Variante erneut an. So bleibt dein Farbsystem stimmig, auch wenn im Customizer nachgearbeitet wird.

Die Feinjustage einzelner Farbwerte bleibt im Customizer jederzeit möglich. Der Optimierer schreibt dir dort nichts vor – er hält dir nur den geprüften Stand vor Augen.

7  Logo platzieren & Hero-Bild-Schleier

Schnell erklärt

• Logo-Rahmen wählen: Freistehend (Standard), Rundes Badge oder Abgerundetes Badge. PRO erkennt den Logo-Hintergrund automatisch und empfiehlt bei weißem oder undurchsichtigem Hintergrund ein Badge.
• Hero-Bild-Schleier festlegen, damit die Überschrift über dem Bild gut lesbar bleibt.

Im Detail

Der Logo-Rahmen steuert, wie euer Logo im Kopf der Seite eingefasst wird. Ein weißes Logo verschwindet leicht auf hellem Grund; ein Badge (rund oder abgerundet) hebt es sauber ab. Die Auto-Erkennung analysiert den Logo-Hintergrund lokal auf dem Server und schlägt daraufhin die passende Variante vor – du entscheidest, ob du dem Vorschlag folgst.

Der Hero-Bild-Schleier legt eine leichte Abdunklung über das Kopfbild, damit heller Text lesbar bleibt. Drei Stufen stehen zur Wahl:

Stufe	Stärke	Geeignet für
Standard	45 %	ausgewogene Bilder
Stärker	60 %	hellere oder unruhige Bilder
Am stärksten	72 %	sehr helle Motive mit viel Text

8  Die Fragen beantworten

Schnell erklärt

• Schritt 1 – Vereinstyp: Wähle aus, was am besten passt (z. B. Sport, Musik oder Karneval).
• Schritt 2 – Schwerpunkte: Kreuze bis zu zwei Dinge an, die euch besonders wichtig sind.
• Schritt 3 – Charakter, Umfang, Kontakt: Lege Stimmung, Seitenlänge und Zahl der Formulare fest.
• Auf Wunsch: „Inspiriere mich“ füllt alles mit einem fertigen Vorschlag – du musst nichts selbst ankreuzen.

Im Detail

Der Assistent arbeitet in drei Schritten. In Schritt 1 wählst du den Vereinstyp. Zur Auswahl stehen: Karneval, Sport, Musik/Chor/Theater, Sozial/Natur, Foto/Kunst, Schützen, Feuerwehr/THW, Traditions/Heimat, Förderverein und Sonstiges. Neun dieser Typen sind bis ins Detail ausgearbeitet; „Sonstiges“ führt zu einem bewusst neutralen, gut passenden Grund-Look.

In Schritt 2 nennst du bis zu zwei Schwerpunkte. Welche zur Auswahl stehen, hängt vom Vereinstyp ab – ein Sportverein bekommt andere Vorschläge als ein Chor. So bleibt die Auswahl kurz und passend.

In Schritt 3 stellst du drei Regler:

Frage	Auswahl	Wirkt sich aus auf
Charakter	traditionell · festlich · modern · verspielt	Schrift, Ornamente, Stimmung
Umfang	schlank · ausgewogen · reich	Anzahl und Länge der Abschnitte
Kontakt	wenige · mehrere Formulare	Kontakt- und Anmeldewege

Zwei Knöpfe helfen weiter, wenn du unsicher bist: „Inspiriere mich“ stellt einen kompletten Vorschlag zusammen, und „Zeig mir was anderes“ erzeugt eine regelbasierte Variation, wenn dir der aktuelle Vorschlag noch nicht ganz zusagt. Die Vorschläge sind nicht rein zufällig: Als Ausgangspunkt dienen euer Vereinsname und Slogan, damit euer Verein immer wieder denselben, zu ihm passenden Grund-Look erhält.

Stil-bewusst: klassisch oder modern

Der Assistent erkennt den aktiven Webseiten-Stil eurer Website und stimmt seine Vorschläge darauf ab. Ganz oben zeigt dir ein Banner, welcher Stil gerade aktiv ist. Bei „klassisch“ schlägt er das volle Set vor – einschließlich Schriftpaket und Ornamenten. Bei „modern“ lässt er genau die Punkte weg, die der Modern-Stil ohnehin selbst bestimmt, und weist in einer Box „Das regelt euer Stil selbst“ darauf hin, statt sie kommentarlos zu verschweigen. So bleibt nachvollziehbar, warum unter „modern“ weniger Regler wirken.

9  Den Vorschlag und die Begründung lesen

Schnell erklärt

• Nach den Fragen erscheint eine Vorschau mit dem vorgeschlagenen Gesamt-Look.
• Neben jeder Entscheidung steht eine kurze Begründung: „Weil ihr … gewählt habt, …“.
• Gefällt der Vorschlag noch nicht ganz, hol dir mit „Zeig mir was anderes“ eine Abwandlung.
• Die Vorschau ist unverbindlich – noch ist nichts an eurer Website verändert.

Im Detail

Der Assistent stellt aus deinen Antworten ein vollständiges, aufeinander abgestimmtes Set zusammen. Vorgeschlagen werden unter anderem:

• Schriftpaket aus den 11 Premium-Schriftpaketen (siehe Teil zur Typografie).
• Ornament-Stil für die Trennlinien und Zierelemente.
• Hero-Layout für den Kopfbereich der Startseite.
• Countdown-Stil für den nächsten großen Anlass.
• Sektions-Varianten (z. B. für Vorstand, Gruppen, Termine, Galerie, Kontakt, Sponsoren) und die Reihenfolge der Abschnitte.
• Hero-Muster und Intensität für flächige Layouts ohne Bild.

Zu jeder dieser Entscheidungen liefert der Assistent eine Begründung im gleichen Muster – etwa „Weil ihr ‚festlich‘ gewählt habt, schlagen wir das festliche Schriftpaket und den Ring-Countdown vor.“ So bleibt nachvollziehbar, welche eurer Antworten welche Wirkung hatte.

Wie ausführlich der Vorschlag ausfällt, hängt vom Vereinstyp ab: Neun Typen sind vertieft ausgebaut und erhalten fein abgestimmte Vorgaben. Hast du „Sonstiges“ gewählt, bleibt der Vorschlag bewusst typ-neutral – solide und zurückhaltend, damit er zu möglichst vielen Vereinsarten passt.

Das Ergebnis im Modern-Stil

Die Ergebnisliste zeigt nur die Punkte, die der Assistent tatsächlich gesetzt hat. Ist bei euch der Stil „modern“ aktiv, entfallen die Zeilen, die dieser Stil selbst bestimmt (etwa Schriftpaket und Ornamente). Der Assistent führt sie stattdessen in einer eigenen Box „Das regelt euer Stil selbst“ auf – so siehst du, dass sie nicht vergessen wurden, sondern bewusst beim Stil liegen. Ein Stil-Chip zeigt zusätzlich, für welchen Stil der Vorschlag berechnet wurde.

Ganz gleich, wie überzeugend der Vorschlag wirkt: In diesem Schritt wird an eurer echten Website noch nichts geändert. Erst das „Übernehmen“ im nächsten Kapitel schreibt die Einstellungen fest.

10  Übernehmen und weiterarbeiten

Schnell erklärt

• Klicke unter der Vorschau auf „Übernehmen“.
• Der Assistent schreibt alle vorgeschlagenen Einstellungen auf einmal.
• Du landest anschließend im Reiter „Eure Webseite“, wo du weiterarbeitest.
• Ohne diesen Klick bleibt alles, wie es war – nichts wird ungefragt überschrieben.

Im Detail

„Übernehmen“ schreibt das komplette vorgeschlagene Set in einem Zug. Das ist bewusst der einzige Moment, in dem der Assistent etwas an eurer Website verändert – vorher bleibt alles unverändert, und ohne Klick geht nichts verloren.

Dabei ersetzt der Vorschlag eure bisherigen Werte für genau diese Einstellungen. Verschaff dir vor dem Klick einen Überblick, was überschrieben wird und was nicht:

Einstellung	Wird durch das Übernehmen ersetzt?
Schriftpaket	ja (außer im Modern-Stil – dort regelt es der Stil)
Ornament-Stil	ja (außer im Modern-Stil)
Hero-Layout	ja
Countdown-Stil	ja
Sektions-Varianten	ja (Vorstand, Gruppen, Galerie, Kontakt, Sponsoren …)
Reihenfolge der Abschnitte	ja
Einzeltexte, Bilder, Mitglieder-/Termindaten	nein – bleiben unberührt

Nach dem Übernehmen bist du im Reiter „Eure Webseite“ und kannst jede Einzelheit nachjustieren. Der Assistent ersetzt die übrigen Werkzeuge nicht, sondern füllt sie mit einem stimmigen Startpunkt:

Du willst ändern …	… dann öffnest du
Farben und Kontraste	Farb-Optimierer
Kopfbereich der Startseite	Hero-Layouts
Schriftbild	Typografie
Darstellung einzelner Abschnitte	Sektionen
Einzeltexte, Bilder, Detailwerte	Design › Anpassen

11  Der Farb-Lebendigkeits-Tipp

Schnell erklärt

• Der Tipp erscheint nur dann, wenn euer Akzent auf hellem Hintergrund praktisch unsichtbar wäre.
• Der Assistent schlägt einen kräftigeren, gut sichtbaren Akzent vor.
• Passt der Vorschlag, klickst du auf „Akzent übernehmen“.
• Geändert wird dabei nur der Akzent – sonst nichts.

Im Detail

Der Assistent prüft den Kontrast eures Akzents gegen den hellen Hintergrund. Ist er zu schwach, um zuverlässig erkennbar zu sein, schlägt er einen lebendigeren Ton vor. Dabei geht er in zwei Stufen vor:

• Zuerst aus eurem Logo: Über eine lokale Farbanalyse sucht er im hinterlegten Vereinslogo nach einer kräftigen Farbe, die sich als Akzent eignet.
• Sonst rechnerisch: Findet sich dort nichts Passendes, berechnet er einen kräftigeren Akzent aus eurer Primärfarbe.

Beide Vorschläge sind so gewählt, dass sie einen ausreichenden Kontrast erreichen (Ziel mindestens 3:1 für farbige Bedienelemente), damit sie auf Weiß gut sichtbar sind. Mit „Akzent übernehmen“ wird ausschließlich der Akzent gesetzt – die Änderung läuft über den Farb-Optimierer, sodass sie sauber ins geprüfte Farbschema eingebettet wird. Eure übrigen Farben und Design-Einstellungen bleiben unverändert.

12  Reihenfolge & Sichtbarkeit der Abschnitte

Schnell erklärt

• Links ordnest du die Abschnitte per Pfeil oder Ziehen – der Hero bleibt fest oben.
• Mit den Sichtbarkeits-Schaltern blendest du einzelne Abschnitte an oder aus.
• Rechts siehst du den „Bauplan“ – eine Übersicht dessen, was gerade tatsächlich erscheint.
• Erreichbar auch als Schnellstart-Kachel im ClubPress-Dashboard.

Im Detail

Der Reiter ist zweigeteilt. Links steht die Bearbeitung: die Reihenfolge der Startseiten-Abschnitte (der Hero ist fixiert und bleibt immer ganz oben) sowie ein Schalter je Abschnitt für sichtbar/ausgeblendet. Rechts zeigt der „Bauplan“ das Ergebnis auf einen Blick.

Der Bauplan zeigt …	Bedeutung
Sichtbare Bereiche in Reihenfolge	Was Besucher tatsächlich sehen, von oben nach unten.
Aktive Variante je Abschnitt	Welches Layout gerade für den Abschnitt gewählt ist.
Schrift, Stil und Farben	Chips mit dem aktiven Schriftpaket, Stil und Farbschema.
Hell-/Farbig-Ton	Ob der jeweilige Bereich hell oder farbig hinterlegt ist.

So dient der Bauplan als Kontrolle: Du siehst sofort, ob die Startseite so aufgebaut ist, wie du es dir vorstellst, ohne die echte Seite laufend neu laden zu müssen.

Ein Weg zurück

Bevor du eine neue Reihenfolge speicherst, sichere dir die Ausgangslage. Am einfachsten machst du dir eine kurze Notiz oder einen Screenshot des aktuellen Bauplans – dann weißt du jederzeit, wie die Startseite vorher aufgebaut war. Die Reihenfolge und Sichtbarkeit werden nur als Theme-Einstellung gespeichert und verändern keine Inhalte; du kannst sie also jederzeit wieder von Hand umsortieren und zu deiner notierten Ausgangs-Konfiguration zurückkehren. Möchtest du zu einem sauber abgestimmten Ausgangszustand zurück, liefert dir der Design-Assistent auf Wunsch erneut eine stimmige Reihenfolge als frischen Startpunkt.

13  CTA-Wächter & Pflichtseiten-Check

Schnell erklärt

• Der CTA-Wächter warnt, wenn du die Abschnitte „Kontakt“ und „Mitglied werden“ gleichzeitig ausblenden würdest.
• Der Pflichtseiten-Check zeigt mit Status-Badges, welche wichtigen Seiten vorhanden sind.
• Zu jeder Seite gibt es einen Pflege-Link direkt zur Bearbeitung.

Im Detail

Wichtig zu verstehen: Der CTA-Wächter ist kein allgemeiner Kontakt-Garant. Er überwacht die beiden definierten Startseiten-Sektionen „Kontakt“ und „Mitglied werden“ – nicht jeden denkbaren Weg, über den euch Besucher erreichen könnten. Bindet ihr Kontaktmöglichkeiten an anderer Stelle ein (etwa im Footer, auf einer Unterseite oder über einen externen Dienst), erkennt der Wächter diese nicht und kann sie nicht mitzählen. Er verhindert lediglich, dass ihr die beiden zentralen Kontakt-Abschnitte gemeinsam versteckt.

Der Pflichtseiten-Check liest den Status eurer Website und zeigt je Seite ein Badge sowie einen Link zum Pflegen:

Seite	Einstufung	Anmerkung
Impressum	Pflicht	Rechtlich erforderlich.
Datenschutz	Pflicht	Rechtlich erforderlich.
Satzung	Hinweis	Empfohlen, aber keine Pflicht.
Beiträge	nur mit Members+	Erscheint, wenn Members+ aktiv ist.

So siehst du auf einen Blick, ob die notwendigen Seiten angelegt sind, und springst bei Bedarf direkt in die Bearbeitung. Der Check ist eine reine Existenzprüfung: Er schaut nur nach, ob die Seiten vorhanden sind – ob ihr Inhalt vollständig und korrekt ist, bewertet er nicht, und er verändert nichts von selbst.

14  Hero-Layouts

Schnell erklärt

• Öffne den Reiter Hero-Layouts. Du siehst eine Auswahl-Galerie mit Vorschaubildern.
• Klicke das gewünschte Layout an und speichere – der Hero stellt sich sofort um.
• Texte, Bild und Buttons pflegst du wie gewohnt unter „Anpassen" (siehe unten).

Im Detail – die acht Layouts

Insgesamt gibt es acht Hero-Layouts. Welches aktiv ist, merkt sich das Theme in einer eigenen Einstellung. Ein Wechsel ändert nur die Anordnung und lässt deine bestehenden Inhalte – Titel, Bild und Buttons – unverändert.

Layout	Kurz	Verfügbar
Zentriert	Titel und Buttons mittig, ruhig und universell	frei
Text links / Bild rechts	klassische Aufteilung mit Foto rechts	frei
Bild links / Text rechts	gespiegelte Variante	PRO
Minimal / Typo	ganz auf Schrift gesetzt, ohne großes Bild	PRO
Vollbild-Bühne	bildfüllender Auftritt über die ganze Breite	PRO
Karten-Hero	Inhalt in einer schwebenden Karte	PRO
Bild-Collage	bis zu 3 Fotos nebeneinander	PRO
Vollbild-Slider	bis zu 5 Bilder im Wechsel	PRO

Sonderfall Stil „Modern"

Ist bei euch der Design-Stil „Modern" aktiv, endet die klassische Layout-Galerie an dieser Stelle: Statt der Auswahl erscheint im Reiter ein Hinweis mit einem Link zum Customizer. Der Modern-Stil bringt einen eigenen, darauf abgestimmten Hero mit, den du direkt im Customizer einstellst – so kommen sich die beiden Wege nicht in die Quere.

Feinheiten anpassen

Titel und Untertitel, das Hero-Bild und die Buttons pflegst du wie gewohnt unter „Anpassen". Für flächige Layouts ohne Bild (etwa Minimal/Typo) gibt es ein dezentes Hintergrund-Muster: 10 Stile mit einstellbarer Intensität.

15  Typografie: Premium-Schriftpakete

Schnell erklärt

• Öffne den Reiter Typografie.
• Klicke ein Paket an – die Vorschau zeigt sofort, wie euer Name und eure Überschriften damit wirken.
• Speichern übernimmt das Paket für die ganze Website.

Im Detail – 11 Premium-Pakete

Theme PRO stellt 11 Premium-Schriftpakete bereit. Jedes Paket hat eine eigene Stimmung und passt zu bestimmten Vereinsarten – vom editorial-ruhigen über das kraftvoll-sportliche und festliche bis zum traditionsreichen, natürlichen oder persönlichen Charakter. Die Namen im Menü sind sprechend, sodass du die Wirkung schon am Titel ablesen kannst.

Die Live-Vorschau arbeitet mit euren tatsächlichen Angaben: euer Vereinsname als Beispiel-Überschrift, eure Farben als Umgebung. So siehst du das Ergebnis, bevor du dich festlegst – nicht abstrakte Musterzeilen.

Frei vs. PRO

Das kostenlose Theme bringt bereits 4 Basis-Pakete mit: „elegant" (Standard), „modern", „sport" und „klassisch". Du findest sie unter Design › Anpassen › Typographie.

Mit Theme PRO kommen die 11 Premium-Pakete hinzu. Ohne aktive Freischaltung kannst du sie in der Vorschau ansehen; das dauerhafte Umstellen ist den PRO-Funktionen vorbehalten.

16  Stil: Ornamente & Countdown

Schnell erklärt

• Der Reiter Stil hat zwei Bereiche: Ornamente und Countdown.
• Jede Auswahl zeigt eine Vorschau in euren Vereinsfarben.
• Speichern übernimmt die Wahl für die ganze Website.

Ornamente

Das Ornament ist das dezente Zierelement zwischen Abschnitten und unter Überschriften. Insgesamt gibt es 10 Ornamente: „Raute" ist im kostenlosen Theme enthalten, 9 weitere kommen mit Theme PRO hinzu – Feine Linie, Doppel-Chevron, Blatt, Welle, Stern, Flourish, Perlenreihe, Girlande und Hexagon. Jedes Ornament wird in der Vorschau auf hellem und auf dunklem Grund in euren Farben gezeigt, damit du die Wirkung in beiden Umgebungen beurteilen kannst.

Countdown

Der Countdown zählt sichtbar auf ein Datum hin – etwa auf das Vereinsfest oder den Sessionsauftakt. Es gibt 5 Darstellungen: „Festliche Karte" (im kostenlosen Theme, ohne zusätzliches Skript) sowie in Theme PRO „Live-Kacheln", „Ring", „Minimal-Zeile" und „Banner".

Darstellung	Technik	Verfügbar
Festliche Karte	rein serverseitig, ohne Skript	frei
Live-Kacheln	tickt live per kleinem Skript	PRO
Ring	rein serverseitig	PRO
Minimal-Zeile	rein serverseitig	PRO
Banner	rein serverseitig	PRO

Datum & Anlass pflegen

Anlass und Zieldatum trägst du unter „Anpassen" im Startbereich ein. Ist kein Datum hinterlegt, erscheint gar kein Countdown – so bleibt die Startseite sauber, wenn gerade nichts ansteht.

17  Sektions-Varianten je Bereich

Schnell erklärt

• Im Reiter Sektionen wählst du je Bereich eine Darstellungs-Variante.
• Die Variante „Standard" ist jeweils kostenlos; die weiteren Varianten gehören zu Theme PRO.
• Deine Inhalte bleiben unberührt – es ändert sich nur die Anordnung.

Im Detail – die Varianten je Bereich

Bereich	Varianten (Standard = frei, Rest = PRO)
Vorstand & Team	Standard · Portrait rund · Kompakt-Liste · Große Kacheln · Duo/2er-Team
Gruppen	Standard · Bild/Text alternierend · Foto-Overlay · Kompakt-Liste (Karten-Layout) · Akkordeon · Sanftes Aufdecken
Bereiche / Sparten	je Sparte · Reiter · Filter-Chips
Termine	Liste · Kompakt-Agenda · Zeitstrahl · Karten-Raster · Nächster Termin + Liste · Monats-Kalender Übersicht · Monats-Kalender geteilt
Galerie (Foto-Layout)	Magazin-Mosaik · Gleichmaß-Raster · Justified/Mauerwerk · Slider/Spotlight · Polaroid · Galeriewand
Sponsoren	Reihe · Raster · Pyramide · Laufband · Bühne · Ehrenkranz · Karussell
Kontakt	Karten & Formular · Formular im Fokus · Info-Panel · Kontakt-Wege/Chips
Projekte	Kacheln · Zeitstrahl

Worauf du achten solltest

• Vorstand – Duo/2er-Team: Diese Variante stellt zwei Personen gemeinsam dar. Dafür muss am jeweiligen Eintrag das Feld „2. Person" gefüllt sein (Name und Funktion).
• Bereiche / Sparten: Ohne angelegte Sparten ist der Bereich ausgegraut. Sowohl Reiter als auch Filter-Chips gliedern nach Sparte/Abteilung und zeigen jeweils die zugehörigen Gruppen – nur die Bedienung unterscheidet sich.
• Gruppen – Akkordeon / Sanftes Aufdecken: Diese Varianten klappen Inhalte auf und zu bzw. decken sie beim Scrollen sanft auf. Barrierearmut ergibt sich nicht schon aus der Layoutwahl: Prüfe zusätzlich die Tastatursteuerung, den sichtbaren Fokus, korrekte ARIA-Zustände (auf-/zugeklappt) und das Verhalten bei aktiver Einstellung „prefers-reduced-motion" (reduzierte Bewegung).
• Termine: Alle Termin-Funktionen (Flyer, Kalender-Abo, Teilen, Anmeldung, Status, Teaser) bleiben in jeder Variante erhalten.
• Kontakt: Die Kontakt-Varianten bestimmen nur die Anordnung des Kontaktbereichs (Formular, Kontaktdaten, Chips). Eigene, frei benennbare Zusatz-Formulare sind etwas anderes – die legst du nicht hier an, sondern im Menü „Dauerformulare", wo auch die Standard-Formulare liegen (siehe folgendes Kapitel „Eigene Formulare").

18  Eigene Formulare

Schnell erklärt

• Öffne das Menü „Dauerformulare" – dort liegen auch die Standard-Formulare (Kontakt, Buchung, Mitglied werden). Klicke auf „+ Neues Formular" und gib ihm einen Namen (z. B. „Helfer gesucht").
• Du bestimmst die Felder selbst und speicherst – bis zu 5 eigene Formulare sind möglich.
• Auf der Website erscheint jedes eigene Formular als weiterer Tab (Reiter) im Kontaktbereich, neben den Standard-Formularen.
• Zu jedem Formular gehören ein Direktlink und ein QR-Code, den du teilen oder ausdrucken kannst.

Im Detail

Die drei Standard-Formulare (Kontakt, Buchung, Mitglied werden) und der Feld-Baukasten dafür gehören zur kostenlosen Basis. Theme PRO schaltet darüber hinaus frei benennbare Zusatz-Formulare frei – bis zu fünf Stück. Angelegt und bearbeitet werden sie – wie die Standard-Formulare – im Menü „Dauerformulare"; auf der Website erscheinen sie dann als zusätzliche Tabs im Kontaktbereich. Jedes bekommt einen eigenen Namen, eigene Felder, einen Direktlink und einen QR-Code für Aushang, Flyer oder Social Media.

Wichtig ist der Unterschied zu den Kontakt-Layouts aus dem vorigen Kapitel: Die Kontakt-Layouts (Formular im Fokus, Info-Panel, Kontakt-Wege …) bestimmen nur, wie der Kontaktbereich angeordnet ist. Die eigenen Formulare bestimmen, welche zusätzlichen Formulare es überhaupt gibt – und die pflegst du bei den Dauerformularen.

Was	Basis (kostenlos)	Mit Theme PRO
Formulare	Standard: Kontakt, Buchung, Mitglied werden	zusätzlich bis zu 5 frei benennbare Formulare
Anlegen	Menü „Dauerformulare"	Menü „Dauerformulare" › „+ Neues Formular"
Felder	Feld-Baukasten für die Standard-Formulare	eigene Felder je Zusatz-Formular
Teilen	—	Direktlink und QR-Code je Formular
Eingänge	landen in „Anfragen"	in „Anfragen", eindeutig je Formular gekennzeichnet

Alle Eingänge – aus den Standard- wie aus den eigenen Formularen – sammeln sich zentral unter „Anfragen". Jeder Eintrag ist dort eindeutig dem Formular zugeordnet, aus dem er stammt. So unterscheidest du eine Turnier-Anmeldung sofort von einer allgemeinen Kontaktanfrage.

19  „Über uns": Chronik, Zahlen, Leitbild, Erfolge

Schnell erklärt

Die vier PRO-Inhaltstypen sind Chronik (Zeitleiste), In Zahlen, Leitbild / Mission und Erfolge & Auszeichnungen. Ohne Theme PRO erscheinen sie gar nicht – es entsteht keine leere Stelle.

Im Detail – wo du was pflegst

Zwei der vier Typen sind eigene Inhaltstypen mit eigenem Menü, zwei pflegst du im Customizer:

Element	Wo pflegen	Besonderheit
Chronik	eigenes Menü „Chronik"	Zeitleiste; Stil links / wechselnd / horizontal
Erfolge & Auszeichnungen	eigenes Menü „Erfolge"	je Eintrag mit Jahr und Auszeichnung
In Zahlen	Design › Anpassen	Kennzahlen; leere Werte werden ausgeblendet
Leitbild / Mission	Design › Anpassen	Leitsatz und bis zu vier Werte

Im Reiter „Sektionen" zeigt Theme PRO je Element die Anzahl der vorhandenen Einträge und einen Link zum Anlegen – so siehst du auf einen Blick, ob genug Inhalt da ist, damit sich das Einblenden lohnt.

Der Chronik-Stil

• Links – alle Einträge an einer linken Zeitachse untereinander.
• Wechselnd – Einträge abwechselnd links und rechts der Mittelachse.
• Horizontal – die Zeitleiste läuft quer.

20  Termin-Filter nach Gruppe

Schnell erklärt

• Über den Terminen erscheint eine Chip-Leiste mit euren Gruppen zum Antippen.
• Ein Klick auf einen Chip zeigt nur die Termine der gewählten Gruppe.
• Den Filter steuerst du im Sektionen-Reiter beim Bereich Termine.

Im Detail

Für den Filter gibt es drei Modi:

Modus	Verhalten
Automatisch	Die Chip-Leiste erscheint erst, wenn genügend Termine da sind (Schwelle einstellbar, Standard 8).
Immer	Die Chip-Leiste wird immer angezeigt.
Aus	Kein Filter.

Im Modus Automatisch legst du die Terminzahl fest, ab der sich der Filter lohnt. Bei wenigen Terminen bleibt die Ansicht dann ruhig; erst ab der eingestellten Menge blendet sich die Leiste ein.

21  Sponsoren-Verwaltung

Schnell erklärt

• Über das eigene Menü „Sponsoren" legst du unbegrenzt viele Sponsoren an.
• Setze je Sponsor ein Logo (Beitragsbild), wähle die Stufe und ergänze bei Bedarf Link und Beschreibung.
• Die Darstellung wählst du im Reiter Sektionen beim Bereich Sponsoren (siehe Kapitel 17).

Im Detail – die Felder je Sponsor

Feld	Bedeutung
Logo (Beitragsbild)	das Sponsoren-Logo
Stufe	Hauptsponsor, Gold, Silber, Bronze oder Partner – wirkt in Pyramide und Bühne
Art-Label	zusätzliche Einordnung, nur in der Pyramide sichtbar
Website-Link	öffnet in einem neuen Tab
Kurzbeschreibung	ein, zwei Sätze zum Sponsor
Läuft bis	Ende der Partnerschaft
Sponsor im Fokus	hebt einen Sponsor als Teaser-Karte hervor

Die Reihenfolge steuerst du über die Seiten-Attribute. Die Namen der Stufen lassen sich umbenennen – den Umbenennen-Bereich findest du im Sektionen-Reiter unter dem Sponsoren-Block.

Partner aus dem Customizer übernehmen

Hast du im Customizer schon bis zu vier Partner hinterlegt, bietet Theme PRO eine Ein-Klick-Übernahme in die Sponsoren-Verwaltung. So läuft der Vorgang genau ab:

• Die vorhandenen Partner werden als neue Sponsoren-Einträge kopiert – die Originale im Customizer bleiben unverändert bestehen.
• Jeder kopierte Eintrag erhält die Stufe „Partner"; das hinterlegte Logo wird als Beitragsbild importiert.
• Es gibt kein automatisches Rückgängig und keine Dubletten-Prüfung. Startest du die Übernahme mehrfach oder pflegst Partner zusätzlich von Hand, entstehen doppelte Einträge, die du bei Bedarf einzeln löschst.

Frei vs. PRO

Ohne Theme PRO kannst du bis zu 4 Partner im Customizer hinterlegen; sie erscheinen in der Darstellung „Reihe". Mit Theme PRO kommen das eigene Menü mit unbegrenzt vielen Sponsoren, die Stufen und alle weiteren Darstellungen hinzu.

22  SEO-Fitness-Ampel & Checkliste

Schnell erklärt

Oben im Reiter siehst du einen Fitness-Ring: einen Wert, der sich aus mehreren erfüllbaren Punkten zusammensetzt – je mehr davon erledigt sind, desto voller der Ring. Darunter arbeitest du die Checkliste ab. Sie prüft die Dinge, die für einen Verein am meisten bringen:

• Startseiten-Beschreibung – der kurze Text, den Google unter eurem Namen anzeigen kann. Fehlt er, setzt Google oft selbst einen Text zusammen.
• Inhaltsseiten ohne Beschreibung – zeigt, wie viele eurer Seiten noch keine eigene Kurzbeschreibung haben.
• Bilder ohne Alt-Text – wie viele der tatsächlich verwendeten Fotos noch keine Bildbeschreibung tragen (Kapitel 24).
• Google Search Console – ein Bestätigungscode von Google, mit dem du siehst, wie oft eure Seite in der Suche erscheint.
• Lokaler Ort – euer Vereinsort, damit man euch in der Nähe leichter findet.

Im Detail

Der Ring ist kein Schulnoten-Ersatz, sondern eine Orientierung: Er zählt nur Punkte, die du selbst beeinflussen kannst. „Gute Grundangaben" bedeutet hier ganz praktisch, dass jede wichtige Seite einen sprechenden Titel und eine kurze, ehrliche Beschreibung hat, dass Fotos beschrieben sind und dass Google weiß, wo ihr sitzt. Kein Trick, kein Zwang – nur saubere Grundlagen, die Suchmaschinen und Menschen gleichermaßen helfen.

23  Seiten-SEO & KI-Textvorschlag

Schnell erklärt

Du pflegst zwei Angaben pro Seite: einen SEO-Titel und eine Kurzbeschreibung. Dafür gibt es zwei Orte – nutze, was dir gerade lieber ist:

• Im Seiteneditor: die Metabox „SEO (ClubPress)" direkt bei der Seite, die du gerade bearbeitest.
• Zentral im Reiter: eine Liste aller Seiten im SEO-Center, in der du alles an einer Stelle nachpflegst.

Live-Vorschau & Zeichen-Ampel

Während du tippst, zeigt eine Live-Vorschau eine ungefähre Vorschau, wie der Eintrag aussehen könnte: als Google-Snippet (Trefferzeile) und als Social-Karte (die Vorschau, wenn jemand den Link in WhatsApp oder Facebook teilt). Das ist eine Annäherung, keine Garantie: Google kann Titel und Beschreibung eigenständig umschreiben oder einen anderen Ausschnitt der Seite zeigen. Eine Zeichen-Ampel hilft bei der Länge:

Feld	Empfohlene Länge	Warum
SEO-Titel	30–60 Zeichen	zu kurz wirkt leer, zu lang wird oft abgeschnitten
Kurzbeschreibung	120–160 Zeichen	genug Platz für eine ganze, einladende Aussage

Grün heißt: passt. Liegst du darüber oder darunter, warnt die Ampel freundlich – du kannst trotzdem speichern. Die Zeichenzahlen sind Richtwerte: Ob ein Eintrag tatsächlich abgeschnitten wird, hängt von der Pixelbreite der Zeichen und dem Gerät der Besucher ab, nicht allein von der Zeichenzahl.

Der KI-Textvorschlag

Fällt dir keine Beschreibung ein, klickst du auf den KI-Vorschlag. Die KI baut daraus einen Entwurf aus Vereinsname, Seitentitel und einem kurzen Auszug des Seiteninhalts und kürzt ihn auf höchstens 160 Zeichen. Den Vorschlag übernimmst du, veränderst ihn oder verwirfst ihn – du behältst die Kontrolle.

24  Bild-SEO per KI (Alt-Texte)

Schnell erklärt

Ein Klick auf „Bilder prüfen" startet einen Stapelvorgang: Theme PRO sucht alle geeigneten Bilder heraus und schickt danach nacheinander für jedes dieser Bilder eine KI-Anfrage. Ein Fortschrittsbalken zeigt, wie viele Bilder von wie vielen schon bearbeitet sind. Die Aktion beschränkt sich auf Bilder, bei denen ein Alt-Text wirklich fehlt und auch etwas bringt:

• Sie findet nur tatsächlich verwendete Bilder ohne Alt-Text – aus Galerie, Portfolio (inklusive Mitglieder), in Seiten eingebundenen Medien und Projekt-Fotos.
• Rein dekorative Bilder und Logos ohne inhaltliche Aussage werden übersprungen.

Im Detail

Zu jedem gefundenen Bild schlägt eine Vision-KI einen Alt-Text vor (in der Regel 5 bis 14 Wörter). Das Bild wird dafür vorher verkleinert. Den Vorschlag übernimmst du je Bild per Klick – oder du tippst selbst einen ein. Zwei Zusagen sind wichtig: Vorhandene Alt-Texte werden nie überschrieben – die Aktion ergänzt nur, was leer ist. Und: Jeder Alt-Text bleibt jederzeit von Hand pflegbar, in der Mediathek oder direkt am Bild. Die KI ist ein Angebot, keine Automatik.

Situation	Was passiert
Bild hat schon einen Alt-Text	bleibt unverändert, wird nicht angefasst
Bild ohne Alt-Text, in Verwendung	KI schlägt im Stapel einen Text vor, du bestätigst je Bild
rein dekoratives Bild / Logo ohne Aussage	wird übersprungen

25  Datenschutz: Was die KI wohin sendet

Wie die KI angebunden ist

Die KI ist eine Funktion des kostenlosen Themes; das SEO-Center in PRO nutzt sie nur. Sie läuft nicht auf eurem Server, sondern über einen externen KI-Anbieter – und zwar mit einem eigenen Zugangsschlüssel (API-Schlüssel) des Vereins. Den Anbieter wählst du selbst:

Anbieter	Derzeit verwendetes Modell	Rolle
Anthropic Claude	Claude Haiku	Standard
OpenAI	GPT-4o mini	Alternative
Google	Gemini Flash	Alternative

Die genannten Modelle sind das jeweils derzeit verwendete Modell je Anbieter; welches Modell konkret angefragt wird, kann sich mit Updates ändern. Anbieter und Schlüssel hinterlegt ein Administrator unter „Anpassen" (dafür sind Administrator-Rechte nötig). Ohne Schlüssel bleiben die KI-Vorschläge einfach aus; alles andere im SEO-Center funktioniert weiter.

Was genau übertragen wird

Funktion	Was gesendet wird
Textvorschlag (Kapitel 23)	Vereinsname, Seitentitel und ein Auszug des Seiteninhalts
Bild-SEO / Alt-Text (Kapitel 24)	das Foto selbst (verkleinert), im Stapel für alle geprüften Bilder

Der große Unterschied: Beim Textvorschlag geht Text hinaus, dessen Auszug auch personenbezogene oder interne Inhalte enthalten kann. Bei der Bild-SEO wird für jedes Bild im Stapel das verkleinerte Foto an den externen Anbieter übertragen und dort nach dessen Bedingungen verarbeitet. Fotos können Personen zeigen. Deine Zustimmung beim Start der Bild-Aktion gilt für den gesamten Stapel (siehe Kapitel 24). Die Bild-KI läuft nur auf ausdrücklichen Klick, die KI ist insgesamt abschaltbar, und die Handpflege der Alt-Texte ist die Alternative ohne Übertragung an Dritte.

Was lokal in WordPress bleibt

• die gespeicherten SEO-Titel und Beschreibungen,
• die fertigen Alt-Texte selbst (nur das Foto wird für den Vorschlag übertragen),
• eure Sponsor-Daten.

Vor der Aktivierung im Verein klären

• API-Schlüssel schützen: Der Schlüssel ist wie ein Passwort zu behandeln – nicht weitergeben, nur Administratoren zugänglich, bei Verdacht auf Missbrauch neu erzeugen.
• Anbieter- oder Modellwechsel: Wechselt ihr den Anbieter oder ändert sich das Modell, kann sich auch die Verarbeitung ändern – führt die Angaben in eurer Datenschutzerklärung dann nach.
• Löschung & Aufbewahrung: Kläre mit dem Anbieter dessen Regeln zu Speicherung, Aufbewahrung und Löschung übertragener Daten; belastbare Aussagen dazu (auch zu einer möglichen Weiterverwendung) gibt nur der Anbieter selbst.
• AVV & Drittland: Prüfe, ob ein Auftragsverarbeitungsvertrag (AVV) nötig ist und auf welchem Mechanismus eine mögliche Übermittlung in ein Drittland (Server ggf. außerhalb der EU) beruht.
• Entscheidung dokumentieren: Haltet die vereinsinterne Entscheidung zur KI-Nutzung schriftlich fest, bevor ihr sie aktiviert.

26  Frei und PRO auf einen Blick

Gestaltung & Aufbau

Bereich	Kostenlose Basis	Was PRO ergänzt
Farben & Barrierefreiheit	statische Theme-Farben aus Setup/Customizer	geprüftes Farbschema (WCAG), Ein-Klick-Übernahme, Zustands- & Fokus-CSS, Logo-Rahmen, Hero-Schleier
Design-Assistent	Vorschau der geführten Empfehlung	„Übernehmen" schreibt das komplette Gestaltungs-Set
Startseiten-Aufbau	Abschnitte ein- und ausblenden	Reihenfolge der Abschnitte speichern, „Bauplan", Pflichtseiten-Check
Hero-Layouts	2 Layouts (Zentriert, Text links/Bild rechts)	6 weitere Layouts; Umstellen möglich
Typografie	4 Basis-Schriftpakete (elegant, modern, sport, klassisch)	11 Premium-Schriftpakete; Umstellen möglich
Ornamente & Countdown	Ornament „Raute", Countdown „Festliche Karte"	9 weitere Ornamente, 4 weitere Countdown-Stile

Inhaltsbereiche

Bereich	Kostenlose Basis	Was PRO ergänzt
Sektions-Varianten	je Sektion die Standard-Variante	alle weiteren Varianten (Vorstand, Gruppen, Sparten, Galerie, Kontakt u. a.) speichern
„Über uns"-Inhaltstypen	—	Chronik, In Zahlen, Leitbild/Mission, Erfolge & Auszeichnungen
Kontakt-Layout	Standard-Kontaktbereich	Layout-Varianten des Kontaktbereichs: Formular im Fokus, Info-Panel, Kontakt-Wege/Chips
Eigene Formulare	Standard-Formulare (Kontakt, Buchung, Mitglied) mit Feld-Baukasten, angelegt unter „Dauerformulare"	bis zu 5 frei benennbare Zusatz-Formulare (ebenfalls unter „Dauerformulare"), eigene Felder, QR-Code/Direktlink, eindeutige Kennzeichnung in den Anfragen
Termine	Termin-Darstellung Standard	weitere Darstellungen + Termin-Filter nach Gruppe
Sponsoren	bis zu 4 Partner im Customizer, Darstellung „Reihe"	unbegrenzt viele Sponsoren im eigenen Menü, Stufen, alle Darstellungen
SEO-Center / KI	Fitness-Ring & Checkliste ansehen	Titel/Beschreibung speichern, KI-Textvorschlag, Bild-SEO (Alt-Texte)

27  Fachbegriffe kurz erklärt

Kleines Glossar

Begriff	Bedeutung
„Anpassen" (Customizer)	der WordPress-Bereich Design › Anpassen, in dem du Aussehen und Feineinstellungen mit Live-Vorschau änderst
theme_mod	eine gespeicherte Design-Einstellung des Themes (z. B. Farbe, Schriftpaket). PRO schreibt solche Werte, das Theme zeigt sie an
Hero	der große Kopfbereich ganz oben auf der Startseite – meist mit Titel, kurzem Text und Bild
CTA	„Call to Action", ein auffälliger Handlungs-Knopf wie „Mitglied werden" oder „Kontakt"
Dauerformulare	der Bereich, in dem alle Formulare (Standard wie eigene) angelegt und bearbeitet werden
Alt-Text	die Beschreibung eines Fotos in Worten – für Screenreader (Barrierefreiheit) und die Bildersuche
WCAG	internationale Regeln für Barrierefreiheit im Web; sie legen u. a. Mindest-Kontraste fest
Kontrastverhältnis	Maß dafür, wie gut sich Text vom Hintergrund abhebt (z. B. 4,5:1 für normalen Text)
Companion-Plugin	ein Begleit-Plugin (hier Theme PRO), das ein Theme erweitert, ohne es zu ersetzen
Sektion / Variante	Sektion = ein Abschnitt der Startseite (z. B. „Termine"); Variante = eine ihrer Darstellungsformen
Metabox	ein Einstellungskasten im Seiteneditor – z. B. „SEO (ClubPress)"
QR-Code / Direktlink	ein QR-Code (abfotografierbares Quadrat-Muster) und eine direkte Web-Adresse, über die ein eigenes Formular ohne Umweg aufgerufen wird
getaggtes PDF	ein PDF mit hinterlegter Struktur (Überschriften, Lesereihenfolge), das Screenreader besser vorlesen können; Grundlage für Barrierefreiheit, aber noch nicht die volle PDF/UA-Konformität
Lizenzschlüssel	der Freischalt-Schlüssel für die PRO-Funktionen; wird lokal in eurem WordPress eingetragen (eine serverseitige Laufzeit-Prüfung ist noch nicht aktiv)
API-Schlüssel	ein persönlicher Zugangscode zum KI-Anbieter – wie ein Passwort zu behandeln
cookiefrei	ohne Cookies: die jeweilige ClubPress-Funktion setzt keine Cookies und trackt nicht (für eingebundene Fremdinhalte gelten deren eigene Regeln)

28  Änderungsstand & Dokumentinfo

Dokumentangaben

Angabe	Wert
Ausgabe	1.2
Stand	12.08.2026
Basiert auf	ClubPress Theme PRO 0.9.87 · ClubPress Theme 1.1.141
Dokumentnummer	CP-DOC-USER-THEMEPRO-001
Status	Freigegeben
Verantwortlich	web-my-business.de
Freigabe	12.08.2026

Änderungsstand (1.2 gegenüber 1.1)

• Lizenz-Kapitel auf die Freemius-Freischaltung umgestellt: Aktivierung, Updates und Verwaltung über den Menüpunkt „Konto“; die frühere manuelle Schlüssel-Eingabe und der Hinweis „Server-Validierung noch nicht finalisiert“ entfallen (die Validierung läuft jetzt über Freemius).
• Datenschutz-Hinweis zur Übermittlung an Freemius bei Aktivierung/Updates ergänzt.

Änderungsstand (1.1 gegenüber 1.0)

• Neues Kapitel „Eigene Formulare" ergänzt; die nachfolgenden Kapitel verschieben sich dadurch um eins. Anlegen der Formulare korrekt bei „Dauerformulare" (nicht im Reiter „Sektionen").
• Bild-SEO als Stapelprozess korrigiert (Anzahl, Datenübertragung und Abbruch vor dem Start; Zustimmung für den gesamten Stapel).
• Lizenzaussage neutralisiert (keine extern geprüfte Laufzeit versprochen) und um eine Ablaufmatrix für das Verhalten ohne Freischaltung ergänzt.
• Adminrechte, Hinweise zu Installation/Backup/Staging und Rückwege ergänzt.
• Formulierungen zu KI, SEO und Barrierefreiheit präzisiert (keine Ranking-/Darstellungsgarantie, KI als Theme-Funktion, Alt-Text-Heuristik nach Bildrolle).
• Anrede vereinheitlicht (durchgängig „du/dein"; „euer/eure" nur für den Verein als Gruppe).

Dokumentlenkung

Angabe	Wert
Erstellende Stelle	web-my-business.de
Prüfer	offen
Freigebende Stelle	web-my-business.de
Freigabedatum	12.08.2026
Fundstelle der aktuellen Fassung	Geräteordner „anleitungen/" (jeweils neueste Ausgabe); ältere Fassungen unter „_alt-entwuerfe/"
Referenzierte Kompatibilitätsmatrix	ClubPress-Kompatibilitätsmatrix (Theme / Theme PRO / Members+)

Offene Punkte

• Echte Backend-Screenshots (Farb-Optimierer, Bauplan, PRO-Seite) fehlen noch – derzeit kein Testzugang; sie werden nicht nachgestellt.
• Volle PDF/UA-Konformität steht aus: Das PDF ist getaggt, hat Lesezeichen und ein klickbares Inhaltsverzeichnis, die vollständige Konformität erfordert jedoch eine andere Export-Pipeline.
• Finale Lizenzintegration (serverseitige Validierung) folgt; das Lizenz-Kapitel wird erst nach deren Umsetzung final.