当サイト採用!!Cocoonテーマの詳細はコチラ

【Cocoon】簡単!カラーパレットに好きな色を追加する方法

Cocoonテーマ

ブロックエディタを使用していて、こんなお悩みありませんか?

  1. カラーパレットに好みの色がない
  2. 自分の好きな色を設定したい

実はCocoonの機能を使うことで、自分の好きな色を簡単に設定することができます。

クマさん
クマさん

またCSSを使うんでしょ・・・

キラ
キラ

今回はCSSは一切必要なし!

どこで設定するのかしっかり解説していきますので、ぜひ参考にしてみてください。

この記事でわかること
  1. パレットにカラーを追加する方法
  2. 追加されたカラーを確認する方法

では早速見ていきましょう。

 

スポンサーリンク

カラーパレットに色を追加する

やり方はとっても簡単ですので、誰でもすぐに覚えることができます。

好きなカラーの追加方法

「Cocoon設定」を開き「エディタ」をクリックすると以下の項目が出てきます。

下へスクロールしていくと、「拡張カラーパレット色」という項目がありますので、ここに好きな色を追加しましょう。

「Select Color」(色の追加)をクリックするとスライドで色を選択できるパレットが表示されます。

左側の白い丸を動かすと色を変更でき、右側の白い棒を動かすと色の濃さを変更するのことができます。

全部で6色追加することができるので、お好きなカラーを追加してみてください。

最後に一番下にある「変更をまとめて保存」ボタンを押し忘れないようにしましょう。

反映されているか確認する方法

ブロックエディタで右の設定画面から色の選択を表示すると、デフォルトカラーがずらっと並んだカラーパレットがあります。

赤い枠で囲った部分に追加したカラーが表示されます。

ここに反映されていない場合は、保存していない可能性がありますので、もう一度最初の画面から設定し直してみてください。

 

まとめ

カラー追加するのは、Cocoonの標準設定ですので難しい操作はなかったと思います。

クマさん
クマさん

今回はとても簡単な操作だからよかった

場所さえわかれば誰でも簡単に追加することができるので、ぜひ参考にしてみてください。

注意

原色は強いイメージになるので、濃度を調整して柔らかいカラーを選択しましょう

Cocoonテーマお役立ち情報
スポンサーリンク
キラをフォローする
キラ

2匹のペットと暮らしております。ペットを飼育する上での必要なものや情報などを発信していきます。またサイトカスタマイズにも挑戦しており、作成方法なども公開しております。
「まずは自分から動いてみる!」そして「自分で調べて身につける!」私のモットーです。

キラをフォローする
キラペット.com
タイトルとURLをコピーしました