Ich wollte eben schreiben „hey, das ist einfach“ – falsch gedacht. In Beiträgen kann man einfach den Beitragsbild Block von seinem nachfolgenden Absatz-Block umfließen lassen indem man das Bild auf „linksbündig“ setzt.
In Templates aber hat der Beitragsbild Block eine feste Breite von 100%. Für deinen Wunsch erschwerend kommt dazu, dass der Inhaltsblock in HTML von einem Block-Element umgeben ist.
Ich hätte dennoch folgende Lösungsideen:
- Setze im Template das Bild auf eine feste Breite (Stil > Breite > z.B. 240). Ergänze dann beim Inhaltsblock eine Klasse, z.B.
fliesstext. Dann ergänzt du im Custom CSS noch: .fliesstext { display: inline } und das Bild sollte vom Text umflossen sein. In meinem Test hier klappt das ganz gut.
- Oder du nutzt den Spalten-Block um beides zumindest nebeneinander zu bekommen. Wird dann nur nicht umflossen.
Habe auch beim Gutenberg-Team geschaut und sehe, dass es dort einige offene Themen zum Floating (umfließen) noch gibt. Es bleibt zu hoffen, dass sich dieses Thema in Zukunft verbessern wird.
Thread-Starter
egroll
(@egroll)
Hallo threadi,
danke für Deine Hilfe. Es funktioniert genau so, wie ich es wünschte. Der Inhalt beginnt rechts neben dem links angeordneten Beitragsbild und geht unter dem Bild wieder linksbündig weiter.
Bei ganz kurzem Inhalt beginnt die Fusszeile rechts neben dem Bild, was mir nicht gefiel. Ich habe nach dem Muster Deines Vorschlags dem Fussblock die Klasse linksblock hinzugefügt. Der CSS-Code dafür lautet linksblock {clear: both;}. Nun schließt der Fuss die Seite ordentlich ab.
Danke und herzlichen Gruß
B
