Bei der Anwendung des Gutenberg-Editors seit WP 5 zeigt sich immer wieder, dass die Block-Struktur sehr schlecht sichtbar ist. Wo andere Blockeditoren (Divi, Elementor, etc.) farbige Rahmen um die Blöcke stellen, um die Verschachtelung sichtbar zu machen, tappt man  beim Gutenberg im Dunkeln. Beim Anklicken eines Blocks erscheint zwar ganz unten eine „Situations-Info“; oder man lässt sich die Struktur mittels der Schaltfläche Block-Navigation (oben links) einblenden.

Aber so ganz befriedigend ist das nicht.

Das Styling des Editors kann aber erweitert werden durch folgende css-Anweisungen:

.block-editor-block-list__block.wp-block {border: 1px solid white}
.wp-block-group.block-editor-block-list__block.wp-block {border: 1px solid white}

.block-editor-block-list__block.wp-block:hover {border: 1px solid #e5e5e5}
.wp-block-group.block-editor-block-list__block.wp-block:hover {border: 1px solid black}

Damit diese wirksam werden müssen sie in einer css-Datei versorgt sein, welche in functions.php oder in einem selbst erstellten super einfachen Plugin angezapft werden.
Hier der Code für die functions.php oder die Plugin-Datei:

// Add backend styles for Gutenberg.
add_action('enqueue_block_editor_assets', 'gutenberg_editor_assets');

function gutenberg_editor_assets() {
  // Load the theme styles within Gutenberg.
  wp_enqueue_style( 'my-gutenberg-editor-style', plugin_dir_url( __FILE__ ) . 'gutenberg-editor-styles.css' );
}

Das Erstellen eines simplen Plugins dafür kann leicht ergoggelt werden.