Das Wallpaper ermöglicht es Bilder großflächig (Plakatanmutung) auf einer Seite darzustellen und über diese Text zu legen. Hierzu kann man mit Layern arbeiten oder mit Hilfe von Additional Spacings den Text optimal für den Desktop als auch den mobile View platzieren.
Beim Wallpaper kann ein Bild als Hintergrund in der Column Control angelegt werden. ("Item Image"). Prinzipiell kann jede Bildgröße verwendet werden.
Um das Bild in der gewünschten Höhe darzustellen, müssen Additional Spacings eingefügt werden. Hierzu bietet die Komponente Additonal Spacing die Option, das Spacing für Desktop / mobil an- und auszuschalten, um die optimale Darstellung für beide viewports zu gewährleisten.
Für eine Darstellung des Bildes über die gesamte Breite muss die Funktion "break out of content contstraint" ausgewählt werden.
Texte können mit der Komponente Text innerhalb der gewohnten Rasterung der Column Control auf das Bild platziert werden und mit Hilfe der Komponente Additional Spacing an die gewünschte Position gesetzt werden.
Um die Lesbarkeit der Texte sicherzustellen, kann entweder eine weiße Textfarbe bei z.B. dunklen Bildern (enforce light text color) oder ein Layer mit weißer Textfarbe bei z.B. helleren Bildern (dark gradient with light text color) ausgewählt werden. Diese Einstellungen findet man unter "Background Image und Text Color". Somit ist gewährleistet, dass der Text in jedem viewport (Desktop / mobil) gelesen werden kann.
Anwendungsbeispiele
"Bühne" (Column Control 20/60/20 Aufteilung, break out content constraints, dark gradient, mobil optimiert)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
Als Plakat innerhalb einer Seite platziert (Column Control in Column Control 50/50 Aufteilung, links mit dark gradient, mobil optimiert / rechts ohne gradient)
Headline
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.
