WordPressに標準で用意されているブロックに、独自のスタイル(CSS)を追加する方法を解説します。

標準ブロックに、スタイルを追加するコード

例として、画像ブロックを取り上げます。画像ブロックに、「影付き」スタイルを追加してみます。

register_block_style(
    'core/image', // ブロックを指定する
    [
        'name'         => 'shadow', // スタイル名
        'label'        => '影付き', // スタイルのラベル(表示される名前)
        'inline_style' => '.is-style-shadow { 
            box-shadow: 10px 5px 5px grey;
        }', // 追加するスタイル設定
    ]
);

解説は、https://php4wordpress.calculator.jp/gutenberg/add-style/ をごらんください。コードジェネレータも公開しています。