Wenn man Drittanbieterpagebuilder oder auch -blocksammlungen gewohnt ist, und gewillt, es mal mit dem Blockeditor und WordPress-Core-Blöcken zu versuchen, wirst man erstmal feststellen, dass sich die Zahl verfügbarer Einstellungen in Grenzen hält. Das macht die Arbeit mit Core-Blöcken deutlich übersichtlicher, andererseits auch kniffliger. Man kann z.B. die Anzahl von Spalten nicht für jede Displayart separat definieren, sondern muss damit umgehen, dass es nur einen Breakpoint gibt. Bei Spalten die sich auf Mobiles stapeln bedeutet das: alle Spalten sind in einer Reihe oder nur eine. Dazwischen gibt es nichts. Doch mit der richtigen Block-Kombi kann (zum Beispiel) aus einem „4“-Spalten Layout zuerst ein 2, dann ein 1-Spalter werden.
Drei Spalten, auf Mobilgeräten stapeln wird bewirken, dass wenn das Fenster (oder Display) eine bestimmte Breite unterschreitet, die Elemente untereinander angeordnet sind. Das funktioniert gut für 2 oder auch 3 Spalten.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Bei 4 oder gar mehr Spalten sieht es vielleicht noch gut aus auf großen Displays, doch bei schmaleren Fenstern oder Displays wird’s eng.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
An dem Punkt mag ist die Idee naheliegend, mit Rastern zu arbeiten. Im Gegensatz zu Spalten können Raster auch auf großen Displays mehrzeilig sein, in diesem Beispiel bleiben wir bei einem einfachen Spaltenlayout. Bei der automatischen Positionierung gibt man eine Mindestbreite pro Element ein, und kann so steuern, dass einzelne Gruppen im Raster nicht so schmal werden können, dass der Inhalt gequetscht wird. Doch schau mal was passiert, wenn du das Fenster schmaller machst. Plötzlich hast du 2 Zeilen mit 3 Elementen in der ersten Reihe und nur 1 Element in der zweiten. Das sieht unausgewogen aus. Erst wenn’s zu schmall für 2 Mindestbreiten wird, werden alle Raster-Elemente untereinander gestapelt.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
HIer haben wir eigentlich einen 2-Spalter. In jede Spalte wurde ein Raster mit 2 Gruppen eingefügt. Da die Rasterelemente eine Mindestbreite fordern, brechen sie als erste um, aus 4 werden 2 Spalten. Erst wenn sich die Spalten auf Mobilgeräten stapeln, entsteht das 1-spaltige Layout für Handy-Displays oder schmale Fenster. Es ist allerdings zu beachten, dass beim 2-Spalter die jeweils ersten Raster-Elemente nebeneinanderliegen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Für Teil- oder Komplettentwicklungen auf Basis von WordPress sind wir zuverlässiger Partner für Agenturen, Grafiker und Unternehmen.
Mit etwas mehr Probieren und Tüfteln sind auch komplexere Anordnungen machbar. Viel Spaß beim Tüfteln!
Schreibe einen Kommentar