Neue Gutenberg Blöcke

Hallo hier bin ich

H1 Headline mit innerem <h1><span>……</span></h1>
! Im Backend wird per /gutenberg-editor-style.css der span sichtbar gemacht

Das ist eine neue Headline die auch richtig umbricht

Editor-Styles für Gutenberg in der funktion.php

add_action( 'enqueue_block_editor_assets', 'meine_gutenberg_styles_laden' );
function meine_gutenberg_styles_laden() {
    wp_enqueue_style( 
        'meine-gutenberg-styles', 
        get_stylesheet_directory_uri() . '/gutenberg-editor-style.css', 
        array(), 
        filemtime( get_stylesheet_directory() . '/gutenberg-editor-style.css' ) 
    );
}

gutenberg-editor-style.css

.editor-styles-wrapper p em{
	background:#b3d98c;
	font-style: normal;
	padding:0 5px;
}

.editor-styles-wrapper .title{	
	background-color: rgba(0,91,82,.5); 
  	font-size:3.438rem;
	line-height: 4.8rem;
	font-weight:400;	
}

.editor-styles-wrapper h1.title span{
	color:#fff!important;
	padding: 0 !important;
}