WordPress: Widget-Editor breiter machen

Der Block-basierte WordPress-Widget-Editor unter Design → Widgets kann bei komplexen Footer-Grids recht schmal wirken. Die Breite dieser Admin-Oberfläche wird von WordPress selbst bestimmt und nicht von GeneratePress im Frontend.

Editor-CSS sauber laden

Der alte Code in diesem Artikel fügte CSS direkt an wp-block-library an. Robuster ist es, Editor-Anpassungen über den von WordPress vorgesehenen Hook enqueue_block_editor_assets zu laden:

add_action( 'enqueue_block_editor_assets', function() {
    $screen = get_current_screen();

    if ( ! $screen || 'widgets' !== $screen->id ) {
        return;
    }

    wp_register_style(
        'custom-widget-editor-width',
        false,
        array( 'wp-edit-blocks' )
    );
    wp_enqueue_style( 'custom-widget-editor-width' );

    wp_add_inline_style(
        'custom-widget-editor-width',
        '.blocks-widgets-container .editor-styles-wrapper { max-width: 100%; }'
    );
} );

Wichtig: Die CSS-Klassen der WordPress-Adminoberfläche sind interne Implementierungsdetails und können sich mit WordPress-/Gutenberg-Versionen ändern. Wenn der Selektor nach einem Update nicht mehr greift, solltest du ihn mit den Browser-Entwicklerwerkzeugen neu prüfen.

Alternative: Classic Widgets

WordPress dokumentiert weiterhin die Möglichkeit, den blockbasierten Widget-Editor zu deaktivieren beziehungsweise das Plugin Classic Widgets zu verwenden. Das kann sinnvoll sein, wenn du mit dem alten Widget-Workflow besser zurechtkommst.