WordPress 5.6 wird am kommenden Dienstag gegen Abend deutscher Zeit veröffentlicht werden. Neben einem neuen Standard-Theme und Application Passwords gibt es, wie in den vergangenen Versionen, auch wieder neue Funktionen und Verbesserungen für den Block-Editor Gutenberg zu vermelden.

Verbesserungen für Block-Patterns

Die mit WordPress 5.5 im Sommer eingeführten Block-Patterns sind eine praktische Hilfestellung für die Erstellung aufwändigerer Seiten-Designs. Entwicklerinnen und Entwickler können eigene Patterns anlegen, aber auch der WordPress-Core selbst kommt mit einer kleinen Auswahl vorgefertigter Patterns.

Core-Patterns deaktivierbar

Mit Hilfe eines kleinen Code-Schnipsels lassen sich diese vorgefertigten Patterns komplett deaktivieren. Das ist für digitale Ordnungsfanatiker wie mich eine feine Sache, aber auch praktisch, wenn zum Beispiel die Anwenderinnen und Anwender in einer ordentlich gepflegten und mit eigenen Patterns ausgestatteten WordPress-Installation nicht überfordert werden sollen.

.wp-block-code {
border: 0;
padding: 0;
}

.wp-block-code > div {
overflow: auto;
}

.shcb-language {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
word-break: normal;
}

.hljs {
box-sizing: border-box;
}

.hljs.shcb-code-table {
display: table;
width: 100%;
}

.hljs.shcb-code-table > .shcb-loc {
color: inherit;
display: table-row;
width: 100%;
}

.hljs.shcb-code-table .shcb-loc > span {
display: table-cell;
}

.wp-block-code code.hljs:not(.shcb-wrap-lines) {
white-space: pre;
}

.wp-block-code code.hljs.shcb-wrap-lines {
white-space: pre-wrap;
}

.hljs.shcb-line-numbers {
border-spacing: 0;
counter-reset: line;
}

.hljs.shcb-line-numbers > .shcb-loc {
counter-increment: line;
}

.hljs.shcb-line-numbers .shcb-loc > span {
padding-left: 0.75em;
}

.hljs.shcb-line-numbers .shcb-loc::before {
border-right: 1px solid #ddd;
content: counter(line);
display: table-cell;
padding: 0 0.75em;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 1%;
}
remove_theme_support( 'core-block-patterns' );Code-Sprache: JavaScript (javascript)

Verbesserte Pattern-Kategorien

Auch in der vorherigen Version wurden Block-Patterns schon in Kategorien eingeteilt dargestellt. In Form kleiner Zwischenüberschriften wurden die einzelnen Kategorien in der Pattern-Auswahl abgegrenzt.

In der bisherigen Darstellung sind die Pattern-Kategorien als Zwischenüberschriften im Einsatz.

Mit WordPress 5.6 werden Pattern-Kategorien als Auswahl-Menü präsentiert.

Damit die Auswahl auch mit mehr Patterns (und mit mehr Kategorien, die von Entwickler/innen auch erweitert werden können) zukünftig einfacher gefiltert und navigiert werden kann, steht sie in WordPress 5.6 in Form eines Auswahlmenüs zur Verfügung.

Block-Updates

Video-Block mit Untertiteln

Eine spannende Neuerung für barrierefreiere Websites. Videos, die über den Video-Block eingefügt werden, können jetzt mit Untertiteln ausgestattet werden.

Dafür kann nach dem Upload des Videos eine separate .vtt-Datei mit passenden Untertiteln hochgeladen werden.

Cover-Block mit Videopositionierung

Ähnlich wie bisher für Bilder lässt sich die Position von Hintergrundvideos im Coverblock jetzt mit einem Bedienelement auswählen.

Mehrere Blöcke in Spalten konvertieren

Auf den ersten Blick unscheinbar, dürfte diese Neuerung viele Arbeitsabläufe deutlich vereinfachen. Mehrere ausgewählte Blöcke können jetzt automatisch z.B. in Spalten umgewandelt werden.

Inline-Bild-Editor deaktivieren

Dass in WordPress 5.5 ein Inline-Editor zum Anpassen der Bildgröße und des Bildausschnitts eingeführt wurde, ist ehrlich gesagt an mir vorbeigegangen.

Mit 5.6 wird der Editor durch einen Filter für Entwicklerinnen und Entwickler jetzt deaktivierbar.

add_filter( 'block_editor_settings', function( $settings ) {
$settings['imageEditing'] = false;
return $settings;
} );Code-Sprache: PHP (php)

Für Entwickler/innen

Neue Block-API V2 😍

Die in meinen Augen spannendste Neuerung ist die neue Version der Block-API. Ziel dieser Erneuerung ist es, das Markup im Editor näher an das des Frontends zu bringen und damit das Styling der Elemente im Editor zu erleichtern.

Um die neue API zu nutzen, ist in der Block-Konfiguration ein Opt-In nötig.

registerBlockType( name, { apiVersion: 2 } );Code-Sprache: PHP (php)

Eine umfassende Zusammenfassung aller Änderungen, die für Entwicklerinnen und Entwickler relevant sind, findet sich auf make.WordPress.org.