Twitter-Layouts
Erfahren Sie in diesem Kapitel, wie:
- Ihnen die Kundenbetreuung alternative HTML-Layouts einrichtet
- Sie alternative Layouts im Twitter-Paragraphen auswählen
- Sie mithilfe fundierter HTML-, CSS und Velocity-Kenntnisse alternative Layouts bearbeiten
Um bis zu 2 alternative Layouts zu erhalten, wenden Sie sich an die Kundenbetreuung.
Wenn Sie selbst HTML-Layouts hinterlegen möchten, legen Sie alternative Layouts sowohl für die Textversionen als auch die Mobilversionen an. Falls für die Mobilversionen und Textversionen keine alternativen Layouts hinterlegt werden, wird das Standard-Layout verwendet.
Unter Umständen werden einzelne Textbausteine nicht wie gewünscht angeordnet.
Layout auswählen
- Um das Standard-Layout oder eines der bis zu 2 alternativen Layouts auszuwählen, klicken Sie beim Bearbeiten eines Mailings im Template-Kit links in der Vorschau, in der Menüleiste des Twitter-Paragraphen, auf Twitter. Auf der rechten Seite öffnet sich das Konfigurationsfenster.
- Wechseln Sie zum Reiter Optionen.
- Wählen Sie im Bereich Erscheinungsbild in der Drop-down-Liste Erscheinungsbild das Layout aus, das Sie anwenden möchten.
- Klicken Sie auf Übernehmen.
Layout bearbeiten
Sie können alternative Layouts bearbeiten, das Standard-Layout ist jedoch nicht veränderbar.
Wenn Sie nicht über fundierte HTML-, CSS- und Velocity-Kenntnisse verfügen, wenden Sie sich an die Kundenbetreuung. Falls Sie die alternativen Layouts ohne fundierte Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.
- Klicken Sie links in der Vorschau auf Einstellungen. Auf der rechten Seite öffnet sich das Konfigurationsfenster.
- Wechseln Sie zum Reiter Twitter. Pro Layout stehen Ihnen Quelltext-Felder für die Desktop-Version, die Mobilversion und die Textversion zur Verfügung.
- Bearbeiten Sie den Quelltext des entsprechenden Layouts nach Ihren Wünschen. Lesen Sie unter Inhalte einfügen, wie Sie die verschiedenen Inhalte auslesen und platzieren können.
- Klicken Sie auf Übernehmen.
Inhalte einfügen
Greifen Sie auf die Inhalte des Facebook-Paragraphen mit Velocity-Variablen zu und formatieren Sie die übertragenen Inhalte mit HTML-Style-Anweisungen.
Folgende Velocity-Variablen stehen Ihnen zur Verfügung:
- Status: Informationen zum aktuellen Facebook-Post
- Present: Für Abfragen, die das Vorhandensein eines Elements prüfen
- Value: Zur Ausgabe des Inhalts
Hinweise zur Erstellung neuer Layouts
- Schriftdefinitionen: Bei Verwendung einer alternativen Layout-Variante müssen alle Schriftdefinitionen in dem eingegebenen HTML vorhanden sein. Die Texte werden nicht durch das Template-Kit formatiert, um Ihnen völlige Freiheit bei der optischen Gestaltung zu lassen.
- Breitenangaben: Geben Sie eine feste Breite oder eine Breite in Prozent an, um zu vermeiden, dass Elemente aus dem Layout herausragen.
- Gefahr von Darstellungsfehlern: Falls Sie die Layouts ohne fundierte HTML-Kenntnisse bearbeiten, kann es zu schweren Darstellungsfehlern in Ihren Mailings kommen.
Status-Variablen
Variable | Typ | Beschreibung |
---|---|---|
$twitterItemFirst | Boolean | Enthält true , falls es sich um den ersten Tweet des Twitter-Paragraphen handelt, sonst false . |
$twitterItemIndex | Integer | Enthält die Position des Tweets innerhalb des Twitter-Paragraphen als Zahl (1 für den ersten Tweet, 2 für den zweiten Tweet und so weiter). |
$twitterItemLast | Boolean | Enthält true , falls es sich um den letzten Tweet des Twitter-Paragraphen handelt, sonst false . |
Present-Variablen
Variable | Typ | Beschreibung |
---|---|---|
$twitterTextPresent | Boolean | Enthält true , falls Inhalt für das Feld Text vorhanden ist, sonst false . |
$twitterAuthorPresent | Boolean | Enthält true , falls Inhalt für das Feld Autor vorhanden ist, sonst false . |
$twitterDatePresent | Boolean | Enthält true , falls Inhalt für das Feld Datum vorhanden ist, sonst false . |
$twitterLinkTextPresent | Boolean | Enthält true , falls im Bereich Link Inhalt für das Feld Text vorhanden ist, sonst false . |
$twitterLinkUrlPresent | Boolean | Enthält true , falls im Bereich Link Inhalt für das Feld URL vorhanden ist, sonst false . |
$twitterImageUrlPresent | boolean | Enthält true , falls im Reiter Bild Inhalt für das Feld Bild vorhanden ist, sonst false . |
$twitterImageAltTextPresent | Boolean | Enthält true , falls im Reiter Bild Inhalt für das Feld Alternativtext vorhanden ist, sonst false . |
$twitterImageLinkPresent | Boolean | Enthält true , falls im Reiter Bild Inhalt für das Feld Link vorhanden ist, sonst false . |
Value-Variablen
Variable | Typ | Beschreibung |
---|---|---|
$twitterTextValue | String | Enthält den Inhalt des Feldes Text. |
$twitterAuthorValue | String | Enthält den Inhalt des Feldes Autor. |
$twitterDateValue | String | Enthält den Inhalt des Feldes Datum. |
$twitterLinkTextValue | String | Enthält den Inhalt des Feldes Text aus dem Bereich Link. |
$twitterLinkUrlValue | String | Enthält den Inhalt des Feldes URL aus dem Bereich Link. |
$twitterImageUrlValue | String | Enthält die Bild-URL aus dem Reiter Bild. |
$twitterImageAltTextValue | String | Enthält den Inhalt des Feldes Alternativtext aus dem Reiter Bild. |
$twitterImageLinkValue | String | Enthält den Inhalt des Feldes Link aus dem Reiter Bild. |
$editBar | String | Setzt die Button-Leiste des Paragraphen ein. Dies wird beispielsweise bei der Umsetzung von nebeneinanderliegenden Posts benötigt, um die Button-Leiste in die Tabelle zu integrieren. Ist diese Variable nicht vorhanden, wird die Button-Leiste über den Artikel gesetzt. |