Das Squadeno-Theme

Ein Classic-Theme für Sportvereine — gebaut als Begleiter zum Plugin Club Sports Manager, und ohne es vollständig.

Was es macht

Das Theme liefert die Darstellung: einen Hero-Slider, den du im Customizer befüllst, bis zu acht Verweiskacheln, die letzten Beiträge und eine wahlweise Seitenleiste auf der Startseite, Rubrikseiten für jeden öffentlichen Inhaltstyp, fluide Typografie ohne Breakpoint-Kaskade und Karten, die auf ihren Platz reagieren statt auf die Fensterbreite.

Ohne Fremdaufrufe

Keine externen Schriften, keine CDNs, keinerlei Aufrufe an Dritte. Das macht die Seite schnell und lässt Besucherdaten auf deinem eigenen Server. Das Stylesheet ist eine einzige Datei, und das Slider-Skript wird nur geladen, wenn wirklich ein Slider läuft.

Mit dem Plugin — und ohne

Installiere Club Sports Manager, und dessen Sportarten, Trainingszeiten, Trainer und Sportstätten erscheinen von selbst im Theme. Das Theme kennt das Plugin dabei nicht namentlich: es liest schlicht die vorhandenen öffentlichen Inhaltstypen. Wählst du im Plugin eine Übersichtsseite, folgt der Brotkrumenpfad ihr und trägt deren Titel statt einer allgemeinen Archiv-Beschriftung — gefragt wird über einen Filter, ohne Plugin bleibt es also still. Ohne das Plugin fehlt nichts.

Barrierefreiheit und Tempo

Sprunglink, sichtbarer Fokus, Menüs per Tastatur bedienbar, ein Karussell nach den ARIA Authoring Practices mit Abspielen und Pause, Touch-Ziele von mindestens 44 Pixeln. Vollständige Unterstützung für Rechts-nach-links-Sprachen. Bewusst nur Hell-Modus.

In deiner Sprache

Englisch und Deutsch in beiden Anredeformen: Deutsch duzt, Deutsch (Sie) siezt, wie auf WordPress.org. Jede weitere Sprache lässt sich auf translate.wordpress.org übersetzen und kommt dann als Sprachpaket.

Lizenz

GPL-2.0-or-later, wie WordPress selbst.

WordPress.org

Im WordPress-Theme-Verzeichnis

Squadeno steht im offiziellen Theme-Verzeichnis. Installiere es direkt im Backend: unter Design → Themes → Theme hinzufügen nach „Squadeno“ suchen, installieren und aktivieren. Aktualisierungen kommen wie bei jedem anderen Theme über WordPress.

Vorher im Browser ausprobieren Zum Theme-Verzeichnis

Die Demo gibt es auch auf Englisch

Kostenlos · GPL-2.0-or-later · benötigt WordPress 6.7 und PHP 8.1

Wie es aussieht

Eine Demo-Instanz mit erfundenem Verein. Jedes Bild in diesen Ansichten ist aus den Farben und Formen des Themes gezeichnet — kein Stockfoto.

Zum Vergrößern auf eine Ansicht klicken.

Die Startseite: Hero-Slider, Verweiskacheln und daneben die Seitenleiste in eigenen Farben, mit einem Menü darin.

Eine Rubrikseite. Die Überschrift nimmt den Ortsbezug aus dem Customizer auf — so landet die Suche nach einer Sportart im Ort tatsächlich irgendwo.

Eine Sportart mit aktivem Plugin: Kopfbild, Trainingszeiten, Ansprechpartner und nächste Termine.

Eine Sportstätte mit Anschrift und dem, was dort stattfindet.

Trainer als Karten. Jeder öffentliche Inhaltstyp bekommt diese Darstellung, nicht nur die des Plugins.

Der Vereinskalender auf einer gewöhnlichen Seite, als Monatsansicht.

Der Blog, mit Suche und den letzten Beiträgen in der Seitenleiste.

Im Einzelnen

Was tatsächlich im Paket steckt.

Customizer

Fünf Einträge, keine lange Liste: Seitenkopf, Farben, Startseite, Rubriken, Fußbereich.
Seitenkopf: alles über dem Inhalt an einer Stelle — die Kopfleiste mit Logo, Suchfeld und wahlweise mitlaufend; der Bereich hinter dem Seitentitel mit Verlauf, Deckungskurve und Höhe, die auch für den Slider auf der Startseite gilt; der Hero-Slider mit fünf Slots, je Slot entweder Bild mit Titel und Text oder schlicht eine ausgewählte Seite; und WordPress' eigenes Kopfbild, das einspringt, wenn kein Slot belegt ist.
Farben: Marke, dunkle Marke, Akzent, Text und Schaltflächentext — einmal gesetzt, überall verwendet. Zwei weitere für die Seitenleiste, Hintergrund und Schrift, starten in deiner Markenfarbe und folgen ihr, bis du sie selbst setzt. Die Hintergrundfarbe der Seite steht bei ihnen statt in einem eigenen Eintrag daneben.
Startseite: bis zu acht Verweiskacheln mit optionaler Überschrift, die letzten Beiträge mit eigener Überschrift und Anzahl und ein Aufruf zum Mitmachen mit eigener Schaltflächenbeschriftung. Ein Schalter blendet den Text der Startseite selbst aus, dann geht es vom Kopfbereich direkt zu den Kacheln.
Rubriken: ein Abschnitt für alle Rubrikseiten und einer je Inhaltstyp — Überschrift, Vorspann, Ortsbezug, Kopfbild, Datumsanzeige und ein Schalter, der das Beitragsbild neben die Angaben stellt statt in den Kopfbereich. Den kreuzt du für deine Personen an, deren Hochformate oben nur als Streifen ankämen; überall sonst füllt das Beitragsbild weiter den Kopfbereich. Überschrift und Kopfbild einer Rubrik gelten auf ihrer Übersicht und auf jeder Detailseite darunter, und ohne Kopfbild füllt der Verlauf aus dem Seitenkopf den Bereich — so sieht jede Seite einer Rubrik gleich aus.
Fußbereich: die Anschrift, ausgezeichnet als Adresse, und ein Schalter für den Verweis aufs Theme in der Copyright-Zeile.

Vorlagen

Startseite, Seite, Einzelbeitrag, Beitragsliste, Archiv, Suchergebnis und 404.
Kommentare mit Verschachtelung, ein Suchformular und je eine Seitenleiste für Startseite und Blog.
Drei Menüpositionen (Hauptmenü, Rechtliches und Social-Media-Links) und drei Widget-Bereiche (Fußbereich, Seitenleiste der Startseite und Blog-Seitenleiste).
Die Seitenleiste der Startseite steht als Spalte rechts neben Kacheln und Beiträgen und erscheint erst, wenn ein Widget darin liegt. Leg ein Navigationsmenü-Widget hinein, um ein Menü aufzulisten; bis dahin ändert sich nichts.
Social-Media-Links sind ein gewöhnliches Menü: Trag die Adressen deines Vereins bei Facebook, Instagram, YouTube oder WhatsApp als individuelle Links ein, und sie erscheinen als Symbole im Fußbereich. Das Symbol ergibt sich aus der Adresse, und die Symbole liegen im Theme — von diesen Netzwerken wird nichts geladen.
theme.json v3 samt Editor-Styles — der Block-Editor zeigt dieselbe Typografie, dieselben Abstände und Farben wie die Website.

Editor

Drei Block-Vorlagen, jede auf eigener Fläche: Trainingszeiten-Tabelle und Kontaktangaben auf einer Karte, der Aufruf zum Mitmachen in der Markenfarbe.
Gruppen, denen du eine Hintergrundfarbe gibst, halten einen Innenabstand, damit Text und Schaltflächen nicht am Rand kleben.
Drei Block-Varianten: Akzent-Zitat, Akzent-Schaltfläche und Karten-Gruppe.
Breite und volle Ausrichtung, responsive Einbettungen, Beitragsbilder und eine eigene Bildgröße für den Kopfbereich.

Unter der Haube

Ein Stylesheet ohne @import, zwei Skripte, beide mit defer; das Slider-Skript lädt nur, wenn ein Slider läuft. Jeder Build hält ein hartes Budget ein: höchstens 80 KB CSS (23 KB komprimiert) und 20 KB JavaScript (7 KB komprimiert).
Null Aufrufe an Dritte. Systemschriften, keine Icon-Schrift, außer dem Screenshot kein mitgeliefertes Bild; die Social-Symbole sind Inline-SVG.
Ein korrigiertes sizes-Attribut für responsive Bilder, hohe Ladepriorität für das Kopfbild und lazy loading überall sonst.
Genau ein h1 je Seite, lückenlose Überschriften-Hierarchie, time-Elemente für Termine und address-Elemente für Sportstätten.
Brotkrumen als reine Navigations-Semantik, ohne schema.org. Auf einer Detailseite ist die Mittelstufe die im Plugin gewählte Übersichtsseite und trägt deren eigenen Titel; ohne eine solche steht dort das Archiv des Inhaltstyps.
Durchgängig escapte Ausgabe, ein Sanitize-Callback an jeder Einstellung, kein Inline-Skript und kein Inline-CSS.