実案件で使える簡単ブロックスタイルの追加方法

register_block_style( $block_name, array( $style_properties ) );

register_block_style(
	'core/image',
	array(
		'name'         => 'drop-shadow',
		'label'        => 'ドロップシャドー',
		'inline_style' => '.wp-block-image.is-style-drop-shadow img {
			box-shadow: rgb(136 136 136) 0 8px 16px 4px;
		}',
	)
);

<?php
/**
 * 実際のページ用の CSS 読み込み
 */
add_action(
	'wp_enqueue_scripts',
	function() {
		wp_enqueue_style(
			'my-snow-monkey',
			MY_SNOW_MONKEY_URL . '/style.css',
			[ Framework\Helper::get_main_style_handle() ],
			filemtime( MY_SNOW_MONKEY_PATH . '/style.css' )
		);
	}
);

/**
 * エディター用の CSS 読み込み
 *
 * クラシックエディターとブロックエディターの両方に CSS が読み込まれます。
 * ブロックエディターの場合は自動的に .editor-styles-wrapper でラップされます。
 * 依存関係は指定できません。
 */
add_action(
	'after_setup_theme',
	function() {
		add_theme_support( 'editor-styles' );
		add_editor_style( '/../../plugins/my-snow-monkey/style.css' );
	}
);

/**
 * Block Styles
 *
 * @link https://developer.wordpress.org/reference/functions/register_block_style/
 * @param string $block_name,
 * @param array  $style_properties
 */

if ( function_exists( 'register_block_style' ) ) {
	/**
	 * Register block styles.
	 */
	add_action(
		'init',
		function() {
			register_block_style(
				'core/heading',
				array(
					'name'         => 'title__primary',
					'label'        => 'プライマリー',
				)
			);
			register_block_style(
				'core/heading',
				array(
					'name'         => 'title__secondary',
					'label'        => 'セカンダリー',
				)
			);
			register_block_style(
				'core/group',
				array(
					'name'         => 'group__news',
					'label'        => 'ニュース',
				)
			);
			register_block_style(
				'core/image',
				array(
					'name'         => 'drop-shadow',
					'label'        => 'ドロップシャドー',
				)
			);
		}
	);
}

register_block_style(
	'core/heading',
	array(
		'name'         => 'title__primary',
		'label'        => 'プライマリー',
	)
);
register_block_style(
	'core/heading',
	array(
		'name'         => 'title__secondary',
		'label'        => 'セカンダリー',
	)
);
register_block_style(
	'core/group',
	array(
		'name'         => 'group__news',
		'label'        => 'ニュース',
	)
);
register_block_style(
	'core/image',
	array(
		'name'         => 'drop-shadow',
		'label'        => 'ドロップシャドー',
	)
);

register_block_style( $block_name, array( $style_properties ) );