[WordBench三重] Gutenbergで作るランディングページ 再改定版＋Gutenbergのカスタムブロックを作る

WordCamp Osakaでお話した内容を再改定してWordBench三重でお話をさせていただきました。

使用したスライド

変更点

エディタカラーパレットの設定

  add_theme_support( 'editor-color-palette',
        array(
            array(
                'name' => 'Blue',
                'slug' => 'my-blue',
                'color' => '#21759b',
            ),
            array(
                'name' => 'Orange',
                'slug' => 'my-orange',
                'color' => '#d54e21',
            ),
            array(
                'name' => 'Gray',
                'slug' => 'my-gray',
                'color' => '#464646',
            ),
            array(
                'name' => 'White',
                'slug' => 'my-white',
                'color' => '#ffffff',
            )
        )
    );

ブロックスタイル

  add_theme_support( 'wp-block-styles' );