Die Editor Breite im Block Editor anpassen – so geht’s

Ständige Style Änderungen mit Gutenberg Plugin

Standardmässig hat das neue Twenty Twenty WordPress Theme eine relativ schmale Editor Breite. Seit der Gutenberg Version 7.2 gibt es nun – anscheinend – eine andere Klasse, wie man die Breite des Editors anpassen kann.

Bisher konnte man das über

.edit-post-visual-editor

anpassen. Seit WordPress Gutenberg 7.2 greift dieses Style für die Breite nun nicht mehr.

Editor Breite anpassen – so geht’s

Du kannst die Breite des Editor Fensters allerdings über folgenden Style nun anpassen:

.wp-block{
     max-width:860 px; border:1px solid blue;
 }

Du kannst hier jene Breite angeben, welche dein Theme auch im Frontend hat. Und du kannst dabei px oder % verwenden.

Wrapper Element für WordPress Editor

Ab der WordPress Version 5.3 ist ausserdem ein Wrapper Element hinzugekommen:

.editor-styles-wrapper{
     background:;
 }

Da das neue Twenty Twenty Theme auch im Editor eine beigefarbenen Hintergrund hat, kannst du auch über diesen Style den Hintergrund deines Themes im Editor anpassen.

Anpassungen auch in der functions.php eintragen

Damit deine Styles natürlich greifen, musst du deine Styles in der functions.php ebenfalls anmelden.

Alle diese Änderungen kannst du direkt im WordPress Gutenberg Handbuch ( auf englisch )nachlesen.