Selected Pages as Image Card
Mit dem Element Select Pages as Image Card können Sie manuell ausgewählte Seiten als Teaser in Form von Cards darstellen und so die interne Link-Struktur Ihrer Website optimieren. Es ist möglich, mehrere Seitentypen zu vereinen.
Beispielansicht Schritt für Schritt Verhalten
Beispielansicht
Schritt für Schritt
Element erstellen
- Klicken Sie auf +Inhalt und wählen Sie im Reiter Collections das Element Selected Pages as Image Card Collection.
Teaser anlegen
- Klicken Sie auf + Neu anlegen.
- Klicken Sie auf das Kettensymbol rechts neben dem Linkfeld, um aus der Seitenübersicht die gewünschte Seite zu wählen.
- Wählen Sie die zu verlinkenden Seite im Pop-up Fenster an.
- Die Seite erscheint nun im Linkfeld.
Weitere Teaser erstellen
- Legen Sie beliebig weitere Teaser an, indem Sie wieder auf + Neu anlegen klicken und wie im vorherigen Schritt beschrieben vorgehen.
Format und Farbe
- Legen Sie fest, ob alle Seiten als Card im Format von 16:9 oder im quadratischen Format angezeigt werden. Klicken Sie hierfür zunächst auf den Reiter Settings.
- Klicken Sie hierfür auf das Dropdownmenü bei Bildformat.
- Unter der Option Farbe legen Sie im Dropdownmenü fest, welche der zur Auswahl und im Theme-Setting hinterlegte Farbe die Card annimmt.
Element Design für mehr Individualität
In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.
- Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
- Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
- Speichern Sie die Änderungen im Element, damit sie sichtbar werden.
Verhalten
Das Element Selected Pages as Image Card ermöglicht die Mischung aus verschiedenen Seitentypen (Contentseiten, Landingpages, Blogbeiträge, Eventseiten, Produktseiten etc.) und wird standardmäßig je nach Endgerät ausgespielt. Dabei erscheinen mit dem Element die Anzahl an Teaser-Cards, die Sie im Backend angelegt und freigeschaltet haben.
Hinweise zur Funktionsweise des Elements: Das Element erlaubt nur eine Verlinkung zu internen Website-Seiten.
In den Teaser-Cards erscheinen Bild und Titel automatisch. Die dazugehörigen Daten kommen aus den Seiteneigenschaften der jeweiligen Seite. Für ein Bild muss im Reiter Ressourcen eine Datei hinterlegt sein.
Responsiv: Das Element wird je nach Endgerät ausgespielt. Standardmäßig werden bei mehr als 840px vier Cards nebeneinander angezeigt. Von 839 bis 640px werden zwei Cards nebeneinander ausgespielt, die weiteren darunter. Für Endgeräte mit weniger als 640px werden alle Cards einzeln untereinander angezeigt.
Verknüpfte Themen
Filtered Pages as Image Card Selected Pages as Card Filtered Pages as card Selected Pages as list Alle Card-Elemente