WordPress Cocoon

【Cocoon】ブロックエディタに好きな色を登録する方法

当サイトはアフィリエイト広告を利用しています。

以前にWordPressの新エディタ「Gutenbergの文字・背景色にカスタムカラーを登録する方法」を書いたんですが、この方法だとCocoonのブロックエディタでは反映されません。

そこで今回はCocoonのブロックエディタでもカスタムカラーを登録できるコードを紹介します。

【追記】Cocoonの標準機能で好きな色を追加できるようになりました

旧エディタ(Classic Editor)はこちらの記事をどうぞ↓

Cocoon設定で色を登録する

「Cocoon設定>エディター>ブロックエディター設定>拡張カラーパレット色」から好きな色を登録できます。

配色を決める時はこういうサイトが参考になります↓

ColorDrop
Explore thousands of color palettes or create your own. Ideal for designers and artists seeking inspiration. Start your color journey now!
WordPress
\記事が役に立ったらシェアしてね/
うぇぶあしび

comment

  1. いずき より:

    DICE様

    この度は、前記事の質問コメントに対し、新たに記事をご執筆いただく形で対応下さいまして、誠にありがとうございます。

    早速試させて頂いたところ、無事解決をすることが出来ました。

    DICE様のホームページはWordPressのテーマについて、特にCocoonのカスタマイズに関してとても詳しく解説されているので、いつも参考にさせて頂いております。

    おかげさまで、「うぇぶあしびさん」と少し似たデザインになってしまいましたこと、お許し下さい。
    今後、HTMLやCSSを勉強しつつ、少しずつ自分なりのデザインに仕上げて行きたいと思っております。

    また、どうしてもわからない事がございましたら、その際はコメントをさせて頂きたく思います。

    どうぞ、よろしくお願い申し上げます。

    • DICEDICE より:

      お役に立てて何よりです。
      色んなコードを参考にしているうちに、だんだんと応用もきくようになってくるので頑張ってくださいね。

タイトルとURLをコピーしました