Cocoonサイト配色設定メモ

Cocoon カスタマイズ □PCIT素人めも 《 Tech IT Easy !? 》8T Tech 技術
8T Tech 技術
この記事は約4分で読めます。

サイトの色設定などカラーコードを調べたりするとけっこう面倒ではないでしょうか?とくに私は始めはwebサイト作成の初心者だったので、色のことを色々調べるのに手間取りました。そんなきっかけから、もし初心者の方で配色設定にお困りの方に少しでも参考になればと思い公開させて頂いています。

 

Cocoonのサイト配色設定に関する配色カラーコード(16進数、rgv)などについての当サイト配色設定用備忘メモ。

 

色設定の豆知識などについてはコチラ

Cocoonサイト配色設定メモ
サイトの色設定などカラーコードを調べたりするとけっこう面倒ではないでしょうか?とくに私は始めはwebサイト作成の初心者だったので、色のことを色々調べるのに手間取りました。そんなきっかけから、もし初心者の方で配色設定にお困りの方に少しでも参考

AYC分類カラー(AYC classification colors)

 

 

Cocoonでのカテゴリ分類色の設定方法

カテゴリ分類色の設定方法は以下の公式サイトで紹介されています。

個別の詳細なカテゴリページを作る方法(カテゴリページのコンテンツ化)
カテゴリページに集客した訪問者をある程度留めておけるように、カテゴリページをコンテンツ化する方法です。

問題は実際にどんな配色にするか。

サイトの色設定などカラーコードを調べたりするとけっこう面倒ではないでしょうか?

とくに私は始めはwebサイト作成の初心者だったので、色のことを色々調べるのに手間取りました。

そんなきっかけから、もし初心者の方で配色設定にお困りの方に少しでも参考になればと思い公開させて頂いています。

以下の内容は当サイトの配色設定用メモ(+落書き)ですが、もし使えそうな部分があれば御好みの色でアレンジなさってください。


□サイト設定用メモ□

(凡例)

□AYC.J colors:サイト配色(サイトキー配色などを含む全体の配色)
□AYC classification colors:AYC分類カラー(カテゴリ分類用配色)

見出し:WordPress設定配色
(WPテーマ Cocoon,simplicity2) カラー
:色の名前(色の和名)
:#16進数カラーコード
:(rgv color code)

123456789012345678901234


サイトキーカラー

群青色#164a84(rgv 22 74 132) 

サイトキーテキストカラー

#98895e rgb (152,137,94)

 


 

背景色→サイト背景色

(変更後)サイト背景色(デフォルト)透明

(変更前旧テーマ)水色#f7fcfe

 

リンク色→サイトリンク色

青色#1111cc

 

 

リンクホバー色→サイト選択文字色

緑色#005243

 

サイトタイトル色

白#ffffff

 

サイト概要色(キャッチフレーズ)

ベージュ#fce2c4

 

モバイル時ヘッダー背景色

黒#000000

 

 

モバイルサイトタイトル色

白#ffffff

モバイルサイト概要色

ベージュ#fce2c4

グローバルナビ色→サイトキーカラー

群青色#164a84

グローバルナビリンク色

白#ffffff

グローバルナビホバー色

緑色#005243

フッター色

こげ茶色#250d00

 

n.a.→選択文字背景色

黄色#ffff00

 

(補欠)

黄緑#92d050 rgv 146 208 80

 

(当サイトは栃木SCとブラジル代表を応援しています!)

 

 

サイト設定用配色

SimplicityからCocoonへのテーマ変更時に使用したもの。

(凡例)

n.Simplicityの配色→Cocoonの配色


あとがき

余談ですが、サイトの色設定などカラーコードを調べたりするとけっこう面倒ですよね。

とくに私は、最初はほんとにwebサイト作成の初心者だったので、色のことを色々調べるのに手間取りました。

(ほぼほぼ当サイトの設定用メモなのですが、もし使えそうな部分があれば、お好な色でアレンジしてください。)

万一、なにかのご参考になれば幸いです。

 

スポンサーリンク
タイトルとURLをコピーしました