Slide Images 1

Mit Slide Images 1 geben wir euch ein schönes Menü zur Auswahl welches Ihr zum Beispiel zur Navigation auf Unterseiten verwenden könntet. In unserem Pattern haben wir mal ein paar Links zu Suchmaschinen aufbereitet. Bitte entschuldigt die unpassenden Bilder – es ist nur ein Beispiel Leute…

Google

bing

DuckDuckGo

Yahoo

Lycos

Um den Aufbau zu verstehen schaut euch am besten die Listenansicht der Blöcke an (3 Linien Icon links oben).

Zeile
– Zeile
– – Cover (Das sichtbare Hintergrundbild)
– – – Gruppe
– – – – Absatz (Text)
– – – – Bild (transparentes Bild mit dem Ziel-Link)

Die Textfarbe ist im Standard auf weiß gesetzt mit einem leichten schwarzen Schatten. Lasst euch von der Darstellung hier im Backend-Editor nicht täuschen. Die Schriftart könnt Ihr gerne ändern im Backend-Editor (Yahoo haben wir mal orange gemacht).

Textfarbe – Besonderheit

WordPress fügt dem Block Cover automatisch die Klasse .is-light hinzu, wenn das Bild sehr hell ist. Dadurch wird die Textfarbe dieses Elements automatisch dunkel, damit man den Text über den Bild besser lesen kann. Das wollten wir nicht. Also haben wir die Schriftart hart auf weiß gesetzt mit dem leichten schwarzen Schatten.