Screen gestalten
So passt du Titel, angezeigte Einträge, QR-Code, Hintergrundbilder und Farben deines Screens an und speicherst die Gestaltung.
Unter Verwaltung → Screen Gestaltung passt du das Aussehen deines Screens an: Titel, angezeigte Einträge, QR-Code, Hintergrundbilder und Farben. Das Laufband ist unter Sponsoren und Mitteilungen beschrieben. Eine Live-Vorschau zeigt jede Änderung sofort, auf dem Screen erscheint sie nach dem Speichern.
Nur für die Rolle Spiko. Gehört zum Modul Screen, siehe Ohne Abo oder Modul.
Aufbau der Seite Screen Gestaltung
Links steht das Formular mit vier Karten (Allgemein, Hintergrund, Farben, Sponsoren & Mitteilungen) und darunter der Knopf Speichern. Rechts steht die Live-Vorschau. Auf kleinen Bildschirmen steht die Vorschau oben, damit du die Wirkung einer Änderung direkt siehst.
Solange noch nie gespeichert wurde, zeigt das Formular die Standardwerte: kein eigener Titel, Standard-Hintergrund, keine Farben, alle Einträge eingeblendet, QR-Code an, keine Sponsoren oder Mitteilungen.
Allgemein: Titel, Einträge und QR-Code
Die Karte Allgemein («Titel und Inhalte des Screens») enthält:
- Titel: Der Titel oben auf dem Screen, höchstens 100 Zeichen. Leer lassen für den Standardtitel. Der Standardtitel ist Spiel- und Trainingsplan.
- Angezeigte Einträge: Drei Schalter Spiele, Trainings und Events. Ist ein Schalter aus, erscheint diese Art von Einträgen nicht auf dem Screen. Standardmässig sind alle drei eingeschaltet.
- QR-Code anzeigen: «Der QR-Code führt zum Spielplan auf dem Handy.» Ist der Schalter aus, verschwindet der QR-Code oben rechts auf dem Screen. Standardmässig ist er eingeschaltet.
Welche Events auf den Screen kommen, legst du pro Event mit Auf dem Screen anzeigen fest, siehe Events. Der Schalter Events hier blendet alle Events auf einmal aus.
Hintergrundbild
Die Karte Hintergrund («Eigenes Hintergrundbild für Quer- und Hochformat») hat zwei Bildfelder:
- Hintergrundbild: Das Bild hinter dem ganzen Screen. Empfohlen: 1920 × 1080 px, max. 5 MB. Ohne eigenes Bild zeigt der Screen das Standardbild von spiko.one; im Feld steht dann Standardbild.
- Hintergrundbild Hochformat (optional): Für vertikale Screens und Handys. Ohne eigenes Bild wird das Hintergrundbild verwendet; im Feld steht dann Hintergrundbild.
So setzt du ein Bild:
- Klicke auf Bild wählen und wähle eine Datei aus.
- Das Bild erscheint sofort im Feld und in der Live-Vorschau.
- Klicke auf Speichern, damit es auf dem Screen erscheint.
Mit Entfernen nimmst du ein Bild wieder heraus. Nach dem Speichern zeigt der Screen dann wieder das Standardbild (im Hochformat das normale Hintergrundbild).
Das Bild füllt den ganzen Bildschirm und wird an den Rändern zugeschnitten, wenn das Seitenverhältnis nicht passt.
Ein Hintergrundbild kannst du auch von der KI erstellen lassen: mit dem Funkel-Symbol Bild mit KI erstellen neben Bild wählen oder mit den KI-Ideen darunter. Siehe KI-Hilfe in Formularen.
Regeln für Bilder auf dem Screen
Diese Regeln gelten für Hintergrundbilder und für Bilder von Sponsoren:
- Erlaubt sind PNG, JPG, WebP und GIF. SVG ist nicht möglich.
- Ein Bild darf höchstens 5 MB gross sein. Ist es grösser, erscheint Das Bild ist grösser als 5 MB., und das Bild wird nicht übernommen.
- Das Bild wird erst beim Speichern hochgeladen. Ersetzte oder entfernte Bilder werden nach dem Speichern gelöscht.
- Die Bilder sind öffentlich sichtbar, weil der Screen eine öffentliche Seite ist.
Farben
Die Karte Farben («Passe die Farben an dein Hintergrundbild an.») hat fünf Farbfelder, von oben nach unten auf dem Screen:
| Feld | Was es färbt | Leer bedeutet |
|---|---|---|
| Hintergrund Titel | Ein Kasten hinter Titel, Datum und Uhrzeit | Transparent: Titel steht direkt auf dem Hintergrundbild |
| Textfarbe Titel, Sponsoren & Mitteilungen | Titel, Datum, Uhrzeit, QR-Code-Text, Laufband, Seitenpunkte und den Text «Heute keine Aktivitäten» | Standard: Weiss |
| Hintergrund der Einträge | Die Felder der einzelnen Einträge | Transparent: halbdurchsichtiger Glas-Effekt |
| Textfarbe Einträge | Zeit, Titel, Details und Garderoben der Einträge | Standard: Weiss |
| Hintergrund Sponsoren & Mitteilungen | Ein Kasten hinter dem Laufband | Transparent: Laufband steht direkt auf dem Hintergrundbild |
Für jedes Feld wählst du eine dieser Optionen:
- Standard (bei Textfarben, Weiss) beziehungsweise Transparent (bei Hintergründen)
- Primärfarbe und Sekundärfarbe: die Vereinsfarben aus den Einstellungen. Diese Optionen erscheinen nur, wenn die Vereinsfarben hinterlegt sind.
- Eigene Farbe: öffnet einen Farbwähler für eine beliebige Farbe
Die gewählte Option ist hervorgehoben. Das spiko.one-Logo unten bleibt immer in seiner eigenen Farbe.
Live-Vorschau
Die Karte Live-Vorschau («Zeigt deine Änderungen, bevor du sie speicherst.») zeigt den echten Screen deines Clubs mit dem heutigen Spielplan, aber mit den noch nicht gespeicherten Einstellungen aus dem Formular. Jede Änderung im Formular ist sofort sichtbar.
- Über zwei Symbole oben wechselst du zwischen der Ansicht für einen grossen Bildschirm (Querformat) und für ein Handy (Hochformat). Die Handy-Ansicht zeigt auch das Hintergrundbild für das Hochformat.
- Der Knopf Screen öffnen öffnet den öffentlichen Screen in einem neuen Tab. Dort siehst du nur gespeicherte Einstellungen.
Gestaltung speichern
Klicke auf Speichern. Während des Speicherns erscheint Screen wird gespeichert..., danach Screen gespeichert.
- Gespeichert wird immer das ganze Formular auf einmal, inklusive aller Bilder und der kompletten Liste der Sponsoren und Mitteilungen.
- Der Screen zeigt die neue Gestaltung nach spätestens 30 Sekunden, auch auf einem TV, der gerade läuft.
- Klappt das Speichern nicht, erscheint Screen konnte nicht gespeichert werden. Bitte versuche es erneut. Deine Eingaben bleiben im Formular, du kannst direkt nochmals speichern.
Gleichzeitige Änderungen an der Gestaltung
Hat jemand anderes (oder du in einem anderen Tab) die Gestaltung gespeichert, seit du die Seite geöffnet hast, wird dein Speichern abgelehnt. Es erscheint Die Einstellungen wurden in der Zwischenzeit geändert. Lade die Seite neu und speichere erneut. Lade die Seite neu, übernimm deine Änderungen nochmals und speichere. So überschreibt niemand versehentlich die Bilder oder Einträge eines anderen.