![](https://www.webopixel.net/blog/wp-content/uploads/2015/04/wp-logo-200x160.png)
Gutenbergで既存のブロックにカスタム設定を追加する方法
Gutenbergはサイドバーに「高度な設定」というクラス名を入力できる欄があるのですが、これだとクラス名を覚えていなくてはいけなくて、制作者以外の人に入力してもらうのが難しいですよね。
ということで今回はサイドバーに設定項目を追加してボタンでクラスの切り替えをできるようにしてみます。
- 投稿日
- 更新日
Gutenbergはサイドバーに「高度な設定」というクラス名を入力できる欄があるのですが、これだとクラス名を覚えていなくてはいけなくて、制作者以外の人に入力してもらうのが難しいですよね。
ということで今回はサイドバーに設定項目を追加してボタンでクラスの切り替えをできるようにしてみます。
Gutenbergはブロック単位ではカラー設定ができますが、選択したテキストだけのカラー設定ができません。
そこでカスタムブロックでテキストカラーの変更をできるようにしてみます。