Mit dem neuen Gutenberg Editor in WordPress ändert sich einiges.
Wenn man WordPress 5.x installiert hat bekommt man den neuen Gutenberg Editor gleich mitgeliefert. Ich finde den gar nicht so schlecht auch wenn vieles erst einmal sehr ungewöhnlich erscheint.
In anderen Blog´s die ich betreibe habe ich oft 2 Bilder nebeneinander dargestellt.
Beim neuen Editor war mir erst mal nicht ganz klar wie das funktioniert weil wenn man den Block “Bild” auswählt dann kann man immer nur jeweils 1 Bild auswählen. Aber eigentlich ist es ganz einfach.
Neuen Block hinzufügen als “Bild”. Das jeweilige Bild auswählen und die Ausrichtung auf Linksbündig stellen.
Dann wählt man einen neuen Block darunter aus, auch als Bild und wählt das nächste Bild aus. Hier vergibt man aber keine Ausrichtung. Fertig. Das war es schon.
Auch wenn man 2 Blöcke jetzt hat und im Editormodus die Bilder untereinander angezeigt werden, sind diese später auf der Webseite nebeneinander sichtbar.
Vorausgesetzt natürlich man wählt die Bildgröße so, dass die auch von der Breite her, nebeneinander passen. Bei meinem Theme sind das pro Bild 460px.
Was auch ganz interessant ist, klickt man mal mit der Maus ausserhalb der Blöcke und wieder auf eines der Bilder dann sieht man, dass WordPress die beiden Bilder zu einem Block zusammengefasst hat. Man kann aber weiterhin jetzt z.B. auf das 2. Bild klicken und “Block entfernen” anwenden.
Es wird dann nur der jeweilige Block entfernt und nicht der zusammengefasste. Ob das ein Feature oder Fehler ist, weiß ich nicht.
Was mir noch aufgefallen ist, die einzelnen Blöcke trennen nicht komplett Bild und Text zeilenweise voneinernander. Im Bild unten sieht man dass hier das Bild einen Block bildet und die Ausrichtung auf Linksbündig steht. Der Text darunter ist ein eigenen Block. Im Endergebnis läuft aber jetzt der Text um das Bild herum. Das funktioniert jetzt deutlich besser wie früher.
Und hier dann das Ergebnis. Leider gibt es weiterhin kein richtiges WYSIWYG. Im Editor hat der Text eine ganz andere Größe und läuft somit auch ganz anders um das Bild herum wie man im Ergebnis unten gut sehen kann.
Wen man das Umlaufen nicht möchte muss man die Ausrichtung herausnehmen oder das Bild auf zentriert setzen oder so breit darstellen, dass kein Text umlaufen kann.
Möchte man, dass die Bilder auch anklickbar sind und etwas vergrößert dargestellt werden dann muss man das jeweilige Bild auswählen und rechts in der Menüleiste auf Link-Einstellungen klicken, Link zur “Medien-Datei” auswählen.
Die Funktion “In neuem Tab öffnen” funktioniert bei mir in der WordPress 5.1 nicht.
