Program Planner DOCS & HILFE
/

Der Raummonitor [event_monitor]

Shortcode6 Min.Stand: 02. Oktober 2026

Der Shortcode [event_monitor] erzeugt ein vollautomatisches, bildschirmfüllendes Türschild für einen Konferenzraum, Saal oder eine Bühne.

Ein Raummonitor für den Großen Saal: oben der laufende Programmpunkt mit Kategorie, Titel und Infozeile, auf der Trennlinie das Raum-Kennzeichen, darunter die kommenden Veranstaltungen.

Aufbau der Anzeige (Die 4 Zonen im Detail)

Die Anzeige gliedert sich von oben nach unten in vier klar getrennte Zonen. Es gibt bewusst keine störende Kopfzeile mit Raumname oder Digitaluhr – der Bildschirm bleibt ruhig und lenkt Besucher nicht ab:

  1. 1
    Der laufende Programmpunkt (Hero-Bereich)

    Nimmt den oberen Hauptteil ein, oben rechts gekennzeichnet mit „LIVE“ (oder „Abgesagt“). Das Hintergrundbild füllt den Bereich vollflächig aus. Priorität: 1. Beitragsbild des Termins, 2. Ortsbild aus Veranstaltungen → Orte, 3. Standardbild. Darüber steht die Kategorie, gefolgt vom großen Programmtitel.

  2. 2
    Die Infozeile

    Start- und Endzeit (HH:MM – HH:MM), beteiligte Person mit Rollenbezeichnung (z. B. Sprecher, Moderator) und Sprache. Die Schriftfarben werden über ec_get_contrast_color() automatisch für maximale Lesbarkeit berechnet.

  3. 3
    Das Raum-Kennzeichen

    Der Raumname sitzt als farbiges Schild (.ec-monitor-venue-badge) exakt mittig auf der horizontalen Trennlinie zwischen Hero und Vorschauliste (Wrapper-Höhe 0px). Gut sichtbar auch aus mehreren Metern Entfernung. Ist kein Raumfilter aktiv, wird das Schild per CSS :empty unsichtbar.

  4. 4
    Kommende Veranstaltungen (Vorschau)

    Darunter die Vorschau auf die folgenden Programmpunkte in diesem Raum mit Zeit, Titel und Zusatzzeile. Termine an Folgetagen tragen automatisch Wochentag und Datum (z. B. „Sa, 27. Juni“).

Kiosk-Härtung & Null Scrollbalken

Die Anzeige passt sich immer exakt der Bildschirmhöhe an. Es gibt weder vertikale noch horizontale Scrollbalken. Nach wenigen Sekunden ohne Berührung verschwinden Mauszeiger und Bedienelemente automatisch.

Einen Raummonitor einrichten (5 Schritte)

  1. 1
    Raum mit Bild anlegen

    Stellen Sie sicher, dass der Raum unter Veranstaltungen → Orte angelegt ist – unbedingt mit Beitragsbild. Das Bild füllt den Hero-Hintergrund. Ohne Bild wirkt der Monitor kahl.

  2. 2
    Neue WordPress-Seite anlegen

    Legen Sie eine neue, nicht verlinkte Seite an, z. B. Anzeige Saal A (Seitentemplate: Volle Breite / Canvas ohne Menü).

  3. 3
    Shortcode-Block einfügen

    Fügen Sie den Shortcode mit dem genauen Raumnamen ein:

    Shortcode
    [event_monitor venue="Saal A" count="4"]

    Der Raumname muss exakt so geschrieben sein wie unter „Orte“.

  4. 4
    Veröffentlichen und Vollbild öffnen

    Seite veröffentlichen und auf dem Bildschirmgerät im Vollbildmodus öffnen (bei den meisten Browsern Taste F11).

  5. 5
    Weitere Räume anlegen

    Für jeden weiteren Raum eine eigene Seite anlegen – oder den Monitor-Hub nutzen.

Achtung: Kein kaufmännisches Und (&) im Raumnamen

Ein Ort mit "&" im Namen lässt sich im Shortcode nicht filtern: venue="Halle A & B" greift nicht, weil WordPress Zeichenfolgen intern maskiert abspeichert. Benennen Sie den Ort unter Orte einfach um in „Halle A und B“.

Verfügbare Kurzcode-Parameter

Parameter Standard Wirkung & Beschreibung
venue="Saal A" (alle) Welcher Raum wird angezeigt? Mehrere Räume kommagetrennt führen automatisch zum Kachelraster (Split-Screen). Ohne Angabe: Foyer-Modus mit allen Räumen gemischt.
count="4" 4 Wie viele Zeilen unter dem Hauptbereich erscheinen – einschließlich der Info-Zeilen laufender Absagen.
parent_id="12" (alle) Beschränkt die Anzeige auf eine bestimmte Hauptveranstaltung.
category="Keynote" (alle) Filtert auf eine oder mehrere Kategorien (Name oder Slug, kommagetrennt).
show_upcoming_roll="true" false Lässt die Vorschauliste durchrotieren, sobald mehr als zwei Programmpunkte anstehen.
roll_interval="10000" 10000 Tempo der Listen-Rotation in Millisekunden (10000 = 10 Sekunden).
refresh_rate="900000" globaler Wert Server-Abgleich in Millisekunden. Mindestens 60.000 ms (Sicherheitsgrenze gegen Server-Überlastung).
fake_now="2026-06-21 13:00" (leer) Test- und Demomodus: Simuliert einen exakten Zeitpunkt (Format YYYY-MM-DD HH:MM). Unverzichtbar für Vorab-Abnahmen und Screenshots.

Offline-First & Minutengenauer Wechsel

Der Raummonitor friert bei kurzen Netzunterbrechungen nicht ein. Das System arbeitet mit einer doppelten Absicherung:

  • Unsichtbare Hero-Vorlagen: Für jeden kommenden Programmpunkt platziert das Template unsichtbare <template class="ec-hero-template"> Blöcke im DOM.
  • Minutentakt an der Systemuhr: Das Skript berechnet den exakten Abstand zur nächsten vollen Minute. Umschaltungen erfolgen synchron bei Sekunde 00 – zwei nebeneinander hängende Bildschirme schalten nie zeitversetzt um.
  • Termin-ID als Prüfwert: Verglichen wird stets die eindeutige Termin-ID, nicht der Titel (ein Titel mit „Abgesagt:“ löste früher unnötige Serverabrufe aus).
  • Netzausfall-Verhalten: Läuft bereits eine Anzeige, bleibt sie unberührt stehen und zählt lokal weiter. Bei einem Kaltstart ohne Verbindung wird der Stand aus dem localStorage geladen und minutengenau nachgezogen.

Verhalten bei Absagen & Ersatzprogramm

Zwei Fälle nebeneinander: Links läuft in Saal B ein regulärer Punkt, die gleichzeitige Absage steht grau an der Spitze der Liste. Rechts läuft in der Werkstatt nur ein abgesagter Workshop – er steht im Hero mit „Abgesagt“ statt „LIVE“.

Läuft in einem Raum ein abgesagter Termin, entscheidet eine feste, server- und clientseitig identische Rangfolge:

  1. 1
    Nicht abgesagte Termine vor abgesagten

    Laufen eine Absage und ihr Ersatz gleichzeitig, zeigt der Monitor das Ersatzprogramm groß im Hero mit dem Kennzeichen „LIVE“.

  2. 2
    Die Absage bleibt sichtbar

    Die Absage rutscht als graue Zeile mit rotem Präfix „Abgesagt:“ an die Spitze der Vorschauliste. Sie verschwindet automatisch, sobald die ursprüngliche Endzeit erreicht ist.

  3. 3
    Nur Abgesagtes im Raum

    Läuft im Moment ausschließlich ein abgesagter Programmpunkt ohne Ersatz, steht er im Hero – mit rotem „Abgesagt“-Status statt „LIVE“.

  4. 4
    Wechsel ohne Neuladen

    Beginnt der Ersatz erst während der laufenden Anzeige, wechselt der Monitor zur vollen Minute von selbst – auch ohne aktive Internetverbindung.

Hinweis: Die Info-Zeile der Absage zählt zu count (bei count="2" ist neben der Absage noch 1 regulärer Folgetermin sichtbar) und rotiert bei aktiver Rotation mit.