Dieser Beitrag zeigt euch den Columns Block und den Video Block in WordPress Gutenberg Entwicklungsumgebung 5.4.

WordPress 5.3

WordPress 5.3 kommt Mitte November. In WordPress 5.3 kommen alle Features aus Gutenberg 5.4 – 6.5.

Der Video Block – You Tube Block

Speziell gehe ich hier auf den You Tube Block ein. Es gab hier Probleme und Issues mit Video einbetten und responsive. Seit der Video Block responsive geworden ist, hatten viele einen extrem langen oberen Rand.

Die Ursache war, dass, wenn ein Theme bereits den Video Block responsive gemacht hatte, war dieser sozusagen zweimal responsive und aus diesem Grund gabe es den Fehler, dass der obere Video Rand extrem lang war.

Issue – ausbessern für Custom Themes

Es gibt nun eine einfache Möglichkeit, diesen Rand zu entfernen mit folgendem CSS Schnipsel:

.wp-block-embed__wrapper div, .wp-block-embed__wrapper span {
     padding: inherit;
     position: static;
 }

https://github.com/WordPress/gutenberg/issues/10109#issuecomment-423898890 > Giant Space above all You Tube Videos in Posts.

Dieses Schnipsel gehört in die style.css deines Themes, falls du diesen Fehler beobachtest. Es betrifft ja nur das Frontend.

Videos sind automatisch von WordPress responsive. Wenn deine Videos im Theme ebenfalls schon responsive gemacht wurden, entweder das rauslöschen oder obiges Schnipsel verwenden.

Video Block mit Fullwidth und Widewith, das muss dein Theme für den Block selber anlegen, das macht noch nicht WordPress. Siehe auch folgenden Beitrag.

Columns Block mit Vertical Alignment

Der Columns Block erhält in der Gutenberg Version 5.4 ein Verical Alignment. Wenn du nun zum Beispiel ein Bild und einen Text hast mit zwei Columns und der Text ist ungleich lang zu dem Bild, dann kannst du mit Vertical Alignment die Beiden zueinander anordnen.

Quelle :Core Columns Block – adds ability to vertically align all the columns