Website für das Comic On! Tourneetheater aus Köln

Comic On! Tourneetheater aus Köln bringt Theaterstücke und Workshops zu Mobbing, Medienkompetenz und Radikalisierung direkt an Schulen, bundesweit und seit über 35 Jahren. 2025 habe ich die Website des Theaters auf WordPress mit Oxygen Builder entwickelt: mit eigenem Termin-Plugin, Instagram-Feed als Oxygen-Element und Produktionen als eigenem Inhaltstyp.

Ausgangslage

Ein Tourneetheater steht selten still. Comic On! hat über 30 Theaterstücke zu Präventionsthemen im Programm, Produktionen für Klasse 3 bis 11 und Workshops für Grund- und weiterführende Schulen. Dazu kommen Termine an Schulen und Bühnen, wechselnde Teams und neue Produktionen. Die Website muss dieses Programm abbilden, ohne dass bei jeder Änderung jemand am Layout arbeitet.

Konkret brauchte das Theater drei Dinge. Eine Stelle, an der Tournee-Termine strukturiert gepflegt werden und auf der Website automatisch aktuell erscheinen. Eine Darstellung der Produktionen, die einzeln und als Gesamtübersicht funktioniert. Und eine Pflege, die das Team selbst übernimmt, über klare Felder statt über freie Textseiten. Dazu kamen ein Instagram-Feed auf der Startseite sowie die Bereiche Fördern & Spenden und Partner.

Die Lösung

Termin-Plugin für Tournee-Termine

Termine gehören bei einem Tourneetheater zu den Inhalten, die sich ständig ändern, und die Planung läuft außerhalb von WordPress in der Tourneeplanung MIZ-SHG. Deshalb habe ich dafür ein eigenes WordPress-Plugin entwickelt, MIZ-SHG Bridge. Es liest die CSV-Exportdatei der Tourneeplanung ein, sobald sie sich ändert, und stellt die Termine als durchsuchbare Tabelle dar: Datum, Tag, Stadt, Stück und Option, mit Datumssuche und dem Filter „Nur freie Termine anzeigen“. Freie Termine bekommen einen Button, der direkt zur Anfrage führt. Das Team pflegt die Planung wie gewohnt, die Website zeigt sie automatisch aktuell.

Produktionen als eigener Inhaltstyp

Die Produktionen sind in WordPress ein eigener Inhaltstyp. Jede Produktion bekommt damit eine eigene Seite mit den zugehörigen Informationen. Zusätzlich gibt es eine Gesamtübersicht, die alle Produktionen zusammenführt. Kommt eine neue Produktion dazu, legt das Team sie einmal an. Einzelseite und Übersicht sind danach automatisch vorhanden; niemand muss eine Liste von Hand ergänzen.

Instagram-Feed als Oxygen-Element

Auf der Startseite läuft ein Instagram-Feed. Dafür habe ich ein eigenes WordPress-Plugin geschrieben, das den Feed als Element im Oxygen Builder bereitstellt. Das Element unterstützt Dynamic Data. Es lässt sich im Builder wie jedes andere Element platzieren und mit Daten der Website verbinden. Das Plugin ist selbst entwickelt und gehört zur Website.

Redaktionsfreundliche Pflege über Felder

Alle wechselnden Inhalte, also Produktionen, Teams, Workshops und Termine, werden über klar strukturierte Felder gepflegt. Das Team füllt Felder aus. Wie das Ergebnis auf der Seite aussieht, ist im Oxygen-Template festgelegt. So bleibt das Design einheitlich, auch wenn mehrere Personen Inhalte eintragen.

Entwicklung und Designumsetzung mit Oxygen

Meine Rolle in diesem Projekt war die Entwicklung. Das Design habe ich auf WordPress mit Oxygen Builder umgesetzt, die Sonderfunktionen stecken in maßgeschneiderten PHP-Plugins. Oxygen liefert Layout und Templates, die Plugins liefern Daten und Logik. Beides greift ineinander, bleibt aber getrennt. Das macht spätere Anpassungen einfacher.

Technik im Überblick

• WordPress als Basis
• Oxygen Builder für Layout, Templates und Designumsetzung
• Eigenes Termin-Plugin in PHP: Tournee-Termine strukturiert gepflegt, automatisch aktuell dargestellt
• Eigenes Instagram-Feed-Plugin als Oxygen-Element, inklusive Dynamic Data
• Produktionen als eigener Inhaltstyp mit Einzelseite und Gesamtübersicht
• Klar strukturierte Felder für Produktionen, Teams, Workshops und Termine

Was Comic On! jetzt selbst pflegt

Das Team von Comic On! pflegt die Inhalte der Website selbst. Dazu gehören:

• Produktionen anlegen und aktualisieren
• Tournee-Termine eintragen
• Teams pflegen
• Workshops pflegen

Für diese Aufgaben muss niemand im Oxygen Builder arbeiten. Die Felder sind vorgegeben, die Darstellung übernimmt die Website.

Das Ergebnis

Comic On! hat eine Website, die zum Alltag eines Tourneetheaters passt. Termine werden einmal eingetragen und erscheinen automatisch aktuell. Jede Produktion hat ihren Platz, die Gesamtübersicht wächst mit. Der Instagram-Feed auf der Startseite zeigt, was gerade passiert. Und das Team arbeitet in strukturierten Feldern, statt Seiten im Builder anzufassen. Das wechselnde Programm ist damit kein Pflegeproblem mehr, sondern Routine.

Übertragbar auf dein Projekt

Comic On! sitzt in Köln. Das Prinzip gilt aber genauso für Stuttgart und die Region. Wenn du ein Theater, eine Bühne, einen Kulturverein oder eine Musikschule in Stuttgart, Filderstadt, Esslingen, Böblingen, Ludwigsburg oder Sindelfingen führst, kennst du das Problem. Termine ändern sich, das Programm wechselt, und die Website hinkt hinterher.

Die Lösung ist dieselbe. Wiederkehrende Inhalte bekommen eigene Inhaltstypen und Felder. Was sich ständig ändert, pflegst du als Datensatz, nicht als Seitentext. Fehlt eine Funktion in WordPress oder Oxygen, baue ich sie als eigenes Plugin. Mehr dazu findest du unter Websites und Plugins.

Der Ablauf ist bei mir immer gleich: Erstgespräch, Festpreis-Angebot, Umsetzung auf Staging. Du siehst dir die Website vor dem Livegang in Ruhe an. Wenn du so ein Projekt planst, schreib mir über das Angebotsformular.

Projekt im Überblick

• Kunde: Comic On! Tourneetheater
• Ort: Köln, Auftritte an Schulen bundesweit
• Jahr: 2025
• Leistung: Entwicklung und Designumsetzung
• Technik: WordPress, Oxygen Builder, PHP (eigene Plugins)
• Website: comic-on.de
• Portfolio: Comic On! Tourneetheater im Portfolio