Kategorien
Allgemein Blöcke css

Zwei Spalten mit gleicher Höhe

Spalte 1 Spalte 2 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

Kategorien
Allgemein Blöcke css

Drei Spalten mit Kacheln und abgerundeten Bildern

Dieser Block Pattern für dreispaltige Kacheln sollte jetzt so ziemlich universell einsetzbar und auch responsive sein: Spalte mit Bild 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.

Kategorien
Allgemein Bilder Blöcke landschaft

Drei Kacheln ohne Rand und Hover-Effekt

Mit Images: etwas anders mit Cover: Beispiel wie https://servicefirstpermits.com/ Muss aber noch optimiert werden Bilder mit Hover-Effekt (Zoom) Und eine weitere Idee, die allerdings nur umsetzbar mit Bildern in der richtigen Größe ist. In dem Fall muss rechts bei den Eigenschaften als Größe „Groß“ (Large) eingestellt werden können. Überschrift mit Hintergrundbild Das ist eine schöne

Kategorien
Allgemein Bilder Blöcke css

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

Kategorien
Allgemein Blöcke css

Drei Spalten mit Kacheln

Dieser Block Pattern für dreispaltige Kacheln sollte jetzt so ziemlich universell einsetzbar und auch responsive sein:

Kategorien
Allgemein Bilder Blöcke css

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

Kategorien
Allgemein Blöcke css

Kacheln (Vortrag)

Geschichte Landschaft Wahrzeichen

Kategorien
Allgemein Blöcke css

Zwei Spalten mit Bildern

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,

Kategorien
Allgemein Blöcke

Block Pattern aus Library einfügen

Seit der Veröffentlichung von WordPress 5.8 gibt es eine Pattern Library. Hier kann man Block Patterns runterladen und auf einer WordPress-Seite verwenden. Hier zusätzlich der Link zum deutschsprachigen Bereich. und hier eine zweite Vorlage:

Kategorien
Allgemein Blöcke Sonstiges

Weitere Testseite für Buttons mit Block Patterns

Das ist ein Absatz, in dem ein Begriff kursiv und fett dargestellt wird. Button ohne Icon (siehe Kommentar): Button mit Icon (siehe Kommentar): Der folgende Button enthält eine CSS-Regel (mein_runder_button), damit die Ecken rund dargestellt werden. Diese Regel schreibt man in Design > Customizer > Zusätzliches CSS: