![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_install_1.png)
ここでは無料のWordPressテーマ「Cocoon(コクーン)」のスキンの設定とスキンの種類について紹介します。
目次
スキンのデザインの確認方法
Cocoonのスキンは、管理画面の [Cocoon 設定] を選択して [スキン] タブを選択するとスキン一覧が表示されます。
スキンには80以上の種類があります。デザインを確認するには、一覧のスキンタイトル左の画像アイコンにカーソルを当てるとスキンのデザインがプレビューされます。
スキンの設定
スキンの設定は一覧から設定したいスキンを選択して [変更をまとめて保存] ボタンをクリックします。
設定が保存されると、選択したスキンのプレビューが表示されます。ここでは「アリス」を設定してみました。
スキンを設定しても反映されない場合
・サイトのURLが「http://~」から始まっている場合、SSLが導入されていなためスキンが反映されないようです。SSLを導入してURLを「https://~」に必要があります。
・SSLが導入されていても反映されない場合は、[Cocoon 設定] → [キャッシュ削除] で「全てのキャッシュの削除」を実行してみてください。何度もスキンの設定を変更していたら反映されなくなり、「全てのキャッシュの削除」を実行したら直りました。
スキンの種類
スキンのプレビュー画像をキャプチャして掲載しています。スキン選択の参考にしてください。
モノクロ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_2-2.png)
イノセン
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_3.png)
アリス
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_4.png)
チェシャ猫(ピンク×パープル)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_5.png)
チェシャ猫(ピンク×パープル) [作者: Yuhomyan]
白ウサギ(白×ブルー)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_6.png)
SILK(シルク)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_7.png)
みるらいと
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_8.png)
凸凹
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_9.png)
Simple Blue
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_10.png)
Simple Green
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_11.png)
Simple Navy
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_12.png)
Simple Pink
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_13.png)
Simple red
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_14.png)
カラフルライン
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_15.png)
ダークエンジ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_16.png)
ダークカモノハ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_17.png)
ダークルリ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_18.png)
ミックスグリーン
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_19.png)
ミックスブルー
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_20.png)
ミックスレッド
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_21.png)
サムライブルー(勝色)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_22.png)
サムライブルー(無印)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_23.png)
Veilnui Simplog (amber)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_24.png)
Veilnui Simplog (amber) [作者: veilnui]
Veilnui Simplog (blue)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_25.png)
Veilnui Simplog (blue) [作者: veilnui]
Veilnui Simplog (brown)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_26.png)
Veilnui Simplog (brown) [作者: veilnui]
Veilnui Simplog (deep purple)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_27.png)
Veilnui Simplog (deep purple) [作者: veilnui]
Veilnui Simplog (green)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_28.png)
Veilnui Simplog (green) [作者: veilnui]
Veilnui Simplog (indigo)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_29.png)
Veilnui Simplog (indigo) [作者: veilnui]
Veilnui Simplog (orange)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_30.png)
Veilnui Simplog (orange) [作者: veilnui]
Veilnui Simplog (pink)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_31.png)
Veilnui Simplog (pink) [作者: veilnui]
Veilnui Simplog (red)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_32.png)
Veilnui Simplog (red) [作者: veilnui]
Veilnui Simplog (teal)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_33.png)
Veilnui Simplog (teal) [作者: veilnui]
Momoon(アクア)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_34.png)
Momoon(グリーン)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_35.png)
Momoon(オレンジ)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_36.png)
Momoon(ピンク)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_37.png)
Momoon(パープル)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_38.png)
tecurio earth
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_39.png)
tecurio grape
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_40-747x1024.png)
tecurio lime
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_41.png)
tecurio mango
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_42.png)
tecurio moon
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_43.png)
tecurio peach
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_44.png)
tecurio sky
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_45-749x1024.png)
tecurio soil
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_46.png)
tecurio sunset
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_47-747x1024.png)
Season (Spring)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_48.png)
Season (Summer)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_49.png)
Season (Autumn)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_50.png)
Season (Winter)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_51.png)
COLORS(イエロー)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_52.png)
COLORS(グリーン)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_53.png)
COLORS(ピンク)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_54.png)
COLORS(ブラック)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_55.png)
COLORS(ブルー)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_56.png)
COLORS(レッド)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_57.png)
Like Simplicity
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_58.png)
モダンブラック
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_59.png)
Fuwari -御召茶(おめしちゃ)–
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_60.png)
Fuwari -海松茶(みるちゃ)–
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_61.png)
Fuwari -海老茶(えびちゃ)–
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_62.png)
Fuwari -褐色(かちいろ)-
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_63.png)
Bizarre-food(グリーンソバ)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_64.png)
Bizarre-food(グリーンソバ) [作者: takasaki]
Bizarre-food(ピンクワイン)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_65.png)
Bizarre-food(ピンクワイン) [作者: takasaki]
Bizarre-food(ブラックバーガー)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_66.png)
Bizarre-food(ブラックバーガー) [作者: takasaki]
Bizarre-food(ブルーカレー)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_67.png)
Bizarre-food(ブルーカレー) [作者: takasaki]
Bizarre-food(ホワイトラーメン)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_68.png)
Bizarre-food(ホワイトラーメン) [作者: takasaki]
旅カメラ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_69.png)
おでかけピンク
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_70.png)
おでかけブルー
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_71.png)
おでかけレモン
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_72.png)
いつものコーヒー
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_73.png)
いつものローズ
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_74.png)
いつもの深海
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_75.png)
m-sora
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_76-1.png)
m-tomato
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_77.png)
Hygiene
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_78.png)
ドット・レイニーブルー
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_79.png)
ドット・ワインレッド
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_80.png)
ほんわかライトニング
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_81.png)
Metal Styles
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_82.png)
スキンからオプション変更サンプル(CSV)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_83.png)
スキンからオプション変更サンプル(CSV) [作者: わいひら]
スキンからオプション変更サンプル(JSON)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_84.png)
スキンからオプション変更サンプル(JSON) [作者: わいひら]
スキンからオプション変更サンプル(PHP)
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_85.png)
スキンからオプション変更サンプル(PHP) [作者: わいひら]
[Child]スキンテンプレート
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_86.png)
スキンテンプレート
![](https://arere-se.com/wp-content/uploads/2021/06/cocoon_skin_87.png)
まとめ
Cocoonテーマはスキンの種類が多過ぎて迷ってしまいます。また、設定する箇所も多くて難しそうですが、利用者が多くWeb上にCocoonに関する情報が豊富な点はメリットです。
デメリットはSSL化しないとスキンが利用できない点です。最初にXAMPPのローカル環境にインストールしてみたのですが、SSL化されていないためスキンが反映されませんでした。結局、SSL化しているレンタルサーバーで使っています。
私が使っているレンタルサーバー『ConoHa(コノハ)』では、WordPressをインストールする時に「Cocoonテーマ」を選択できますので、テーマのインストールは必要ありませんでした。
以上、Cocoonテーマのスキンの設定とスキンの種類について解説しました。