WordPressテーマSANGOの質問

Gutenbergで文字色のデフォルトパレットを変更したい

アバター
ミニマル

いつもお世話になっています。
文字の装飾で赤色を多用するのですが、Gutenbergの色設定のカラーパレットに「メインカラー」「パステルカラー」「アクセントカラー」「黒」「グレイ」「シルバー」の6色しか表示されず困っています。「カスタムカラー」を押して16進数で色指定はできますが、毎回選ぶのが大変です。
プラグインの「TinyMCE Advanced」「Advanced Rich Text Tools for Gutenberg」を入れても上記の6色しか表示されません。
「Gutenbergの文字・背景色にカスタムカラーを登録する方法」を調べて、functions.phpに以下のコードを追記しても変わりませんでした。

add_theme_support( 'editor-color-palette', array(
  array(
    'name'  => __( 'カラー1', 'genesis-sample' ),
    'slug'  => 'color1',
    'color' => '#e36b6d',
       ),
  array(
    'name'  => __( 'カラー2', 'genesis-sample' ),
    'slug'  => 'color2',
    'color' => '#6b9de3',
       ),
  array(
    'name'  => __( 'カラー3', 'genesis-sample' ),
    'slug'  => 'color3',
    'color' => '#7d6be3',
       ),
   array(
    'name'  => __( 'カラー4', 'genesis-sample' ),
    'slug'  => 'color4',
    'color' => '#e3836b',
       ),
   array(
    'name'  => __( 'カラー5', 'genesis-sample' ),
    'slug'  => 'color5',
    'color' => '#de81ce',
       ),
) );

デフォルトのカラーパレットを変更する方法、追加する方法があれば教えてもらえると非常に助かります。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/04/10

お世話になっております。
分かりやすい質問ありがとうございます。

ブロックエディターのテーマデフォルトのカラーパレットを変更する方法

以下のようなコードを子テーマのfunctions.phpに貼り付けることでカラーパレットを変更できます。

function my_block_colors_setup() {
  $colors = array(
    array(
      'name' => '好きな色1',
      'slug' => sanitize_title('my_color1'),
      'color' => '#色コード'
    ),
    array(
      'name' => '好きな色2',
      'slug' => sanitize_title('my_color2'),
      'color' => '#色コード'
    ),
  );
  add_theme_support( 'editor-color-palette', $colors );
}
add_action( 'after_setup_theme', 'my_block_colors_setup', 100 );

array('name' => ...)の部分は追加したい色の数だけ増やしていただければと思います。
なお、このカラーパレットの変更は文字色だけでなく、ブロックエディター内のすべてのカラーパレットが変更されることをご理解ください。
ちなみにSANGO以外のWordPressテーマでもこの方法が使えるかと思います。
よろしくお願いします。

アバター
ミニマル
2020/04/24

非常に分かりやすいご回答をありがとうございました!
無事解決できました。
今後もよろしくお願いします。