Cocoonのデザインスキンは、標準で数十種類用意されています。
更に「隠れスキン(7種)」や「自作用サンプル」もあります。
各スキンで使われているカラーコードは以下にまとめています。

- サンプル画像のみをスライドで見る方法
- 隠れスキンとは
- 子テーマにあるもの
- 親テーマにあるもの
- スキンオプションから変更するサンプル
サンプル画像のみをスライドで見る方法
このページのいずれかの画像をタップするとワードプレスのメディア機能でスライドして見られます。
PCでは 左右の矢印マークをクリックしてスライド
タブレットなどではスワイプ
隠れスキンとは
現在7つのスキンが標準では表示されない仕様になっています。
表示されないスキンは「Veilnui Simplog」シリーズの7色で、標準では10色ですが、隠れスキンを合わせると17色あり、以下が表示されるようになります。
- Veilnui Simplog (cyan)
- Veilnui Simplog (deep orange)
- Veilnui Simplog (light blue)
- Veilnui Simplog (light green)
- Veilnui Simplog (lime)
- Veilnui Simplog (purple)
- Veilnui Simplog (yellow)
隠れスキンについては以下の公式サイトをご覧ください。
子テーマにあるもの
[Child]スキンテンプレート
子テーマに入っているスタイルには何も入っていないひな形スキンです。フォルダ:skin-template
<構成>
- images
- empty.txt
- amp.css
- functions.php
- javascript.js
- style.css
親テーマにあるもの
みるらいと
フォルダ:mil-light
<構成>
- option.csv
- style.css
シンプルスキン
フォルダ:simple-blue
<構成>
- style.scss
- style.css
その他のカラー
- シンプルネイビー
- シンプルグリーン
- シンプルピンク
- シンプルレッド
カラフルライン
フォルダ:skin-colorful-line
<構成>
- option.csv
- style.css
ダークエンジ
フォルダ:skin-dark-enji
<構成>
- option.csv
- style.scss
- style.css
その他のカラー
ミックスグリーン
フォルダ:skin-mixgreen
<構成>
- images
- empty.txt
- javascript.js
- option.csv
- style.css
その他のカラー
- ミックスブルー
- ミックスレッド
Veilnui Simplog(amber)

シンプルなブログスキン(琥珀色)
フォルダ:veilnui-simplog-amber
<構成>
- images
- image.png
- functions.php
- style.scss
- style.css
その他のカラー
- Veilnui Simplog (blue)
- Veilnui Simplog (brown)
- Veilnui Simplog (green)
- Veilnui Simplog (deep purple)
- Veilnui Simplog (indigo)
- Veilnui Simplog (orange)
- Veilnui Simplog (pink)
- Veilnui Simplog (red)
- Veilnui Simplog (teal)
隠れスキンのカラー
- Veilnui Simplog (purple)
- Veilnui Simplog (lime)
- Veilnui Simplog (light blue)
- Veilnui Simplog (deep orange)
Momoon(アクア)
このスキンの色を変更するカスタマイズは以下にまとめています。
フォルダ:skin-momoon-aqua
<構成>
- style.css
その他のカラー
- Momoon(グリーン)
- Momoon(オレンジ)
- Momoon(ピンク)
- Momoon(パープル)
tecurio earth
フォルダ:skin-tecurio-earth
<構成>
- images
- empty.txt
- amp.css
- functions.php
- javascript.js
- option.csv
- style.css
その他のカラー
- tecurio lime
- tecurio grape
- tecurio mango
- tecurio moon
- tecurio peach
- tecurio sky
- tecurio soil
- tecurio sunset
Season (Spring)
フォルダ:skin-season-spring
<構成>
- images
- back-dot.png
- empty.txt
- amp.css
- functions.php
- javascript.js
- style.css
その他のカラー
- Season (Winter)
- Season (Autumn)
- Season (Summer)
COLORS(イエロー)
フォルダ:skin-colors-yellow
<構成>
- images
- empty.txt
- functions.php
- javascript.js
- option.csv
- style.css
- style.scss
その他のカラー
- COLORS(グリーン)
- COLORS(ピンク)
- COLORS(ブラック)
- COLORS(ブルー)
- COLORS(レッド)
Like Simplicity
フォルダ:skin-simplicity
<構成>
- images
- empty.txt
- functions.php
- javascript.js
- option.csv
- style.css
- style.scss
モダンブラック
フォルダ:skin-modernblack
<構成>
- option.csv
- style.css
Fuwari -御召茶(おめしちゃ)

Fuwari -御召茶(おめしちゃ)
フォルダ:skin-fuwari-omeshicha
<構成>
- option.csv
- style.css
その他のカラー
- Fuwari -褐色(かちいろ)
- Fuwari -海老茶(えびちゃ)
- Fuwari -海松茶(みるちゃ)
Bizarre-food(グリーンソバ)
フォルダ:bizarre-foods-greensoba
<構成>
- option.csv
- style.css
その他のカラー
- Bizarre-food(グリーンソバ)
- Bizarre-food(ピンクワイン)
- Bizarre-food(ブラックバーガー)
- Bizarre-food(ブルーカレー)
旅カメラ
フォルダ:skin-ganchan21
<構成>
- style.css
おでかけピンク
フォルダ:skin-ganchan11
<構成>
- option.csv
- style.css
その他のカラー
- おでかけレモン
- おでかけブルー
フォルダ:おでかけブルー skin-ganchan12
フォルダ:おでかけレモン skin-ganchan13
いつものコーヒー
フォルダ:skin-ganchan03
<構成>
- style.css
その他のカラー
- いつものローズ
- いつもの深海
フォルダ:いつものローズ skin-ganchan02
フォルダ:いつもの深海 skin-ganchan01
サムライブルー(勝色)
フォルダ:skin-samuraiblue
<構成>
- images
- samuraiblue_background.jpg
- samuraiblue_header.jpg
- empty.txt
- javascript.js
- option.csv
- style.css
サムライブルー(無印)
フォルダ:skin-samuraiblue-muji
<構成>
- javascript.js
- option.csv
- style.css
m-sora
フォルダ:m-sora
<構成>
- style.css
m-tomato
フォルダ:m-tomato
<構成>
- style.css
Hygiene
フォルダ:hygiene
<構成>
- images
- empty.txt
- javascript.js
- option.csv
- style.css
ドット・レイニーブルー
フォルダ:skin-dot-rainyblue
<構成>
- images
- blue-dot.jpg
- style.css
ドット・ワインレッド
フォルダ:skin-dot-winered
<構成>
- images
- red-dot.jpg
- style.css
ほんわかライトニング
フォルダ:lightning-skin
<構成>
- images
- Lightning_original-bakgroundimg.jpg
- javascript.js
- option.csv
- style.css
Metal Styles
シンプルな1カラムのスキンです。
フォルダ:skin-metal
<構成>
- images
- empty.txt
- javascript.js
- style.css
スキンオプションから変更するサンプル
スキンからオプション変更サンプル(CSV)
フォルダ:skin-demo-csv
<構成>
- images
- empty.txt
- functions.php
- javascript.js
- option.csv
- style.css
スキンからオプション変更サンプル(JSON)
フォルダ:skin-demo-json
<構成>
- images
- empty.txt
- functions.php
- javascript.js
- option.csv
- style.css
スキンからオプション変更サンプル(PHP)
フォルダ:skin-demo-php
<構成>
- images
- empty.txt
- functions.php
- javascript.js
- option.csv
- style.css
自作用スキンテンプレート
スタイルには何も入っていないひな形スキンです。
フォルダ:skin-template
<構成>
- images
- empty.txt
- amp.css
- functions.php
- javascript.js
- keyframes.css
- style.css
コメント
[…] 「Cocoon」のスキンは、種類が多くどれを設定すればよいか1つ1つ試すのは非効率的であるので、これもまたインターネットで「cocoon」におすすめのスキンを調べました。「カスタマイズほぼ不要、テーマ「Cocoon」のおすすめスキン」と「Cocoon標準スキン全種・画面サンプル一覧とファイル構成」を参考にして、「Season(spring)」にすることにしました。 […]
はじめまして。
ほんとにスキン多くて迷いますよね。
でも選択肢が多い事は素晴らしいと思います。
PS リンクありがとうございます。