Zum Hauptinhalt springen

Download-Komponente

Stelle Dateien und weiterführende Links übersichtlich als Grid oder Karussell dar – inklusive individueller Verlinkungstypen und automatischer Icon-Anpassung.

Anne avatar
Verfasst von Anne
Diese Woche aktualisiert

Mit der Download-Komponente kannst du Dateien und unterschiedliche Verlinkungen strukturiert auf deiner Headline-Seite darstellen.

Nach dem Hinzufügen über das Plus-Icon im Seiteneditor kannst du optional eine Headline und Subline ergänzen. Die Headline lässt sich über das Augen-Icon ein- oder ausblenden. Beide Texte können links oder zentriert ausgerichtet werden.

Die Download-Items können entweder als Grid oder als Karussell angezeigt werden. Im Grid werden bei größerer Anzahl automatisch weitere Reihen erzeugt. Im Karussell erscheinen ab einer bestimmten Anzahl Navigationspfeile, über die sich die Inhalte horizontal durchklicken lassen.

Jedes Download-Item besteht aus einem automatisch generierten Icon, einer Headline und einem optionalen Copytext. Das Icon wird automatisch anhand des gewählten Linktyps oder – bei Dateien – anhand des Dateiformats festgelegt und kann nicht manuell verändert werden.


Verfügbare Linktypen

Folgende Linktypen stehen zur Auswahl:

  • Interner Link (Verlinkung innerhalb der Headful-Seite)

  • Popup-Link (interne Headful-Seite als Popup)

  • Externe Webseite

  • E-Mail-Adresse

  • Telefonnummer

  • Download-Datei (aus dem Medienarchiv auswählbar)

Bei Download-Dateien passt sich das Icon automatisch dem jeweiligen Dateiformat an.


Beispielsweise wird bei einer PDF-Datei ein entsprechendes PDF-Icon angezeigt. Auch andere gängige Dateiformate werden visuell korrekt dargestellt.

Grundsätzlich können alle üblichen Dateiformate verlinkt werden.


Tipps & Tricks

  • Der Copytext kann ein- oder ausgeblendet werden – je nach gewünschter Informationsdichte.

  • Für ein reduziertes Layout kannst du die Item-Headline weglassen und stattdessen mit einem softeren Beschreibungstext im Copytext arbeiten.

  • Verwende das Grid für größere Mengen an Downloads und das Karussell für kompaktere Inhalte.

  • Achte auf klare und konsistente Benennungen der Items für eine bessere Nutzerführung.


Anchor-Verlinkung

Erfahre hier, wie du direkt auf bestimmte Abschnitte innerhalb einer Seite verlinkst:
So nutzt du Artikel-Anker in headful

Hat dies deine Frage beantwortet?