7.14 "Call to Action"-Link - wien.at-Werkstatt

Links, bei denen eine starke Handlungsaufforderung (z.B. bestellen, herunterladen, abstimmen, ...) gegeben ist, können als "Call to Action"-Links gekennzeichnet werden. Diese Hervorhebung erfolgt durch die CSS-Klasse vie-calltoaction und steht für Links im Baustein "Text" und Links im Listenelement zur Verfügung.

Der "Call to Action"-Link besteht aus zwei Teilen: dem eigentlichen Link und dem nachgestellten Anhang (kommt nur beim Download von Dateien zum Einsatz). Der Link wird auf grünem Hintergrund dargestellt, ein möglicher Anhang wird in kleiner Schrift beigestellt.


So funktioniert’s im Textbaustein:

  1. Baustein "Text" erstellen
  2. Link wie gewohnt mit STX-Kennzeichnung eingeben
  3. CSS-Klasse für Textbaustein: vie-calltoaction
Eingabemaske eines Textbausteines und Angabe der CSS-Klasse

So funktioniert’s im Listenelement:

  1. Baustein "Liste" erstellen (sofern nicht schon vorhanden)
  2. Liste von "einfacher Liste" in "erweiterte Liste" umwandeln
  3. Link - wie gewohnt mit STX-Kennzeichnung - in das Listenelement eingeben
  4. CSS-Klasse für das Listenelement, in dem sich der Link befindet: vie-calltoaction
Eingabemaske eines Listenelementes und Angabe der CSS-Klasse

Bitte beachten Sie, dass die Ansicht im vieW4-Bausteindokument nicht immer jener in der "Vorschau mit Layout" entspricht.

Weiterführende Informationen

Verantwortlich für diese Seite:
wien.at-Redaktion
Kontaktformular