WPブロックに独自のスタイルを追加して、管理画面から選択可能にする方法

//コアブロックに独自スタイルの追加
function custom_block_styles() {
    // 独自のブロックスタイルを登録する
    register_block_style(
        'core/heading', // ブロック名
        array(
            'name'         => 'heading-bgGray', // スタイル名
            'label'        => 'グレー背景', // スタイルの表示名
        )
    );
}
add_action( 'init', 'custom_block_styles' );

//エディタ用スタイルシート読み込み
function my_theme_add_editor_styles() {
    add_theme_support('editor-styles'); //独自のエディタースタイルを有効にする
    add_editor_style( get_stylesheet_directory_uri() .'/assets/css/editor-styles.css' ); //css読み込み
}
add_action( 'after_setup_theme', 'my_theme_add_editor_styles' );

.is-style-heading-bgGray {
  background: #f5f5f5;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  padding: 1em;
  margin-top: 4em;
  margin-bottom: 2em;
}

function custom_block_styles() {
    // 段落ブロックに追加
    register_block_style(
        'core/paragraph', 
        array(
            'name'         => 'paragraph-style', 
            'label'        => '段落スタイル1', 
        )
    );
  // 見出しブロックに追加
    register_block_style(
        'core/heading',
        array(
            'name'         => 'heading-style-1',
            'label'        => '見出しスタイル1',
        )
    );
    register_block_style(
        'core/heading', 
        array(
            'name'         => 'heading-style-2',
            'label'        => '見出しスタイル2',
        )
    );
    register_block_style(
        'core/heading', 
        array(
            'name'         => 'heading-style-3', 
            'label'        => '見出しスタイル3',
        )
    );
}
add_action( 'init', 'custom_block_styles' );