Zeigt bereitgestellte Social-Media-Handles in einer Liste, einem Raster oder einer Reihe mit optionalem QR-Link an. Der Block wird nach Inhalt dimensioniert: ein oder zwei Handles sind groß und ruhig, einige füllen eine klare Liste neben einem großen QR-Code, und mehr als passen wechseln sich in ausgewogenen Seiten ab, sodass die Schrift nie unter die Mindestgröße fällt. Primetime fügt gestaffelte Handle-Einblendungen, cyanfarbene Netzwerksymbole, einen unteren Tick und einen langsamen At-Zeichen-Hintergrund hinzu. Der QR-Code bleibt mit seinen originalen Schwarz-Weiß-Modulen und ruhiger Zone statisch.
Live-Karte
Kategorie: Medien. Schlagwörter: Soziales und Publikum, QR-Codes, Geschäfte, Restaurants und Cafés.
Layouts
Diese Vollbildkarte füllt den gesamten Bildschirm im Quer- oder Hochformat und wird nicht als Ecke, Chip oder Streifen platziert.
Layouts: voll. Formulare: Querformat, Hochformat.
Kartenlayouts, Designs und Veröffentlichung. Karten durchsuchen.
Daten und Datenschutz
Diese Karte verwendet ihre konfigurierten Eigenschaften und Live-Kartendaten.
Eigenschaften
Für Thema, Hintergrund, Akzent und Position siehe Gemeinsame Eigenschaften.
Legen Sie statische Eigenschaften in den params der Karte fest, wenn Sie sie erstellen. Ihr Datendokument enthält nur dynamische Eigenschaften. Verschachtelte Zeilen beschreiben den Inhalt ihrer übergeordneten Eigenschaft.
Statische Eigenschaften
| Name | Typ | Standard | Werte und Grenzwerte | Beschreibung |
|---|---|---|---|---|
handles | array | minItems: 1; maxItems: 8; Pflichtfeld | ||
handles[].network | string | "instagram", "facebook", "x", "linkedin", "tiktok", "youtube", "threads", "whatsapp", "pinterest", "spotify", "snapchat", "discord", "email", "web"; erforderlich | ||
handles[].handle | string | minLength: 1; maxLength: 80; Pflichtfeld | ||
handles[].url | string | "" | maxLength: 2048 | |
title | string | "Follow us" | maxLength: 60 | |
qr | string | "" | maxLength: 1024 | Wenn gesetzt, befindet sich neben den Griffen ein QR-Code, der diesen Link öffnet. |
backgroundColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt den Kartenhintergrund und die Platte mit einer flachen, CSS-geordneten Farbe. #RRGGBBAA gibt die Deckkraft an. Hintergrund none hat Vorrang. |
textColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt die Haupt- und Sekundärtextfarben. Akzent- und semantische Statusfarben behalten ihre Funktion. |
Dynamische Eigenschaften
Diese Karte hat keine dynamischen Eigenschaften.
Canvas-Beispiel
Speichern Sie die statischen Eigenschaften als params.json und erstellen Sie die Karte. Das Ergebnis enthält ihre crd_ ID.
{
"theme": "neomustard",
"handles": [
{
"network": "instagram",
"handle": "Example"
}
]
}screenrig card create --type follow-us --major 1 --file params.jsonFügen Sie diesen Eintrag den primitives einer Playlist-Seite hinzu, mit dieser ID anstelle der Beispiel-ID. Veröffentlichen Sie die Playlist und weisen Sie einen Bildschirm zu.
{
"id": "follow-us",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}