Eine weitere Galerie
In diesem Beitrag sollen verschiedene Layouts getestet werden.
Bild mit Hover-Effekt
Duotone-Effekt mit „Glanzlichtern“: mit rot (#BD0014) – Glanzlichter: mit grün (#24982a) – Glanzlichter: zusätzlich mit filter
Bild und Text nebeneinander
Ein Spaltenblock soll abwechselnd links ein Bild und rechts einen Text enthalten. Danach Wechsel: links der Text und rechts das Bild. Problem ist allerdings die Ansicht bei schmaleren Displays, weil dann Bild – Text – Text – Bild untereinander zu sehen sind. Damit wird aber der Sinnzusammenhang zwischen Text und Bild schwieriger. Mit einer entsprechenden ...
Mehrere Bilder und Text
Das ist ein Lauftext Ein schönes Foto Landschaft in Eilendorf 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 ...
Bilder mit abgeschrägter Kante
Bild mit abgeschrägter Kante unten Balken nach links Schau mal da Balken nach links mit Schatten Schau mal Balken nach links mit Bild Bild mit abgeschrägter Kante und Schatten Bild mit Text Ein schönes Foto Landschaft im Sauerland
Cover-Bilder
Cover-Bilder Cover-Bilder mit verschiedenen Effekten noch eine andere Variante: Und hier noch eine weitere Variante Ein weiterer Test: Duotone im fixierten Cover funktioniert nicht, siehe hier: https://github.com/WordPress/gutenberg/issues/31662
Text auf Bild, ohne Cover
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, ...
Effekte bei Bildern
Dreieck unten beim Bild Abstandhalter mit Dreieck oben und unten sowie Grafik als Hintergrund
Bilder bei einem Beitrag
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, ...