無料テーマの「Cocoon」をインストールしたが、デザインが気に入らない・・・
スキンの変更をしてデザインを簡単に変更できるって聞いたけどどうやるの？
そんな「Cocoon」テーマ初心者の方にピッタリな記事です。
SEOにも強くデザイン性に優れている無料テーマ「Cocoon」ですが、簡単操作でデザインを一変することが出来ます。
ということで今回は「スキン」を変更してデザインがどう変わるのか？画像付きで解説していきます。
「Cocoon」テーマのスキンとは？
そもそもスキンとは
コンピューターのアプリケーションソフトのウインドーや文字、ボタンなど、操作画面上での見栄えに関する情報を記録したデータのことをいいます。
出典元：デジタル大辞泉（小学館）
つまり、Cocoonのデザインを記録したデータのことを言います。
スキンの変更方法
まずはワードプレスのダッシュボードにログインします。左側のメニューから
①Cocoon設定をクリック するとスキンタブの選択が出来る画面になります。
②好きなスキンを選びチェックを付ける
チェックが完了をしたら、下までスクロールをして
③「変更をまとめて保存」をクリックします。
これでスキンの変更は完了しました。実際にサイトを表示して好きなデザインをお選びください。
当ブログでは、イノセンス （作者: おはようポテト）のスキンを使用しています。
各スキンのデザイン一覧（95種類の画像付き）
なし
one [作者: haiji]
Simple‐Darkmode [作者: Hirosite]
Simple‐Darkmode Always（常時ダークモード） [作者: Taako (orign.Hirosite)]
Natural（ブルー） [作者: Taka]
Natural（グリーン） [作者: Taka]
Simple Blue [作者: Taka]
Simple Green [作者: Taka]
Simple Navy [作者: Taka]
Simple Pink [作者: Taka]
Simple red [作者: Taka]
モノクロ [作者: yurukei20]
イノセンス [作者: おはようポテト]
アリス（無印） [作者: Yuhomyan]
アリス（チェシャ猫） [作者: Yuhomyan]
アリス（白ウサギ） [作者: Yuhomyan]
アリス（ユニコーン） [作者: Yuhomyan]
アリス（ローズ） [作者: Yuhomyan]
アリス（ビタミン） [作者: Yuhomyan]
SILK（シルク） [作者: ろこ]
みるらいと [作者: みるみ]
凸凹 [作者: 北]
カラフルライン [作者: y.hiroaki]
ダークエンジ [作者: y.hiroaki]
ダークカモノハ [作者: y.hiroaki]
ダークルリ [作者: y.hiroaki]
ミックスグリーン [作者: y.hiroaki]
ミックスブルー [作者: y.hiroaki]
ミックスレッド [作者: y.hiroaki]
サムライブルー（勝色） [作者: y.hiroaki]
サムライブルー（無印） [作者: y.hiroaki]
Veilnui Simplog (amber) [作者: veilnui]
Veilnui Simplog (blue) [作者: veilnui]
Veilnui Simplog (brown) [作者: veilnui]
Veilnui Simplog (deep purple) [作者: veilnui]
Veilnui Simplog (green) [作者: veilnui]
Veilnui Simplog (indigo) [作者: veilnui]
Veilnui Simplog (orange) [作者: veilnui]
Veilnui Simplog (pink) [作者: veilnui]
Veilnui Simplog (red) [作者: veilnui]
Veilnui Simplog (teal) [作者: veilnui]
Momoon（アクア） [作者: タイジーWP]
Momoon（グリーン） [作者: タイジーWP]
Momoon（オレンジ） [作者: タイジー WP]
Momoon（ピンク） [作者: タイジーWP]
Momoon（パープル） [作者: タイジーWP]
tecurio earth [作者: 風塵(ふーじん)]
tecurio grape [作者: 風塵(ふーじん)]
tecurio lime [作者: 風塵(ふーじん)]
tecurio mango [作者: 風塵(ふーじん)]
tecurio moon [作者: 風塵(ふーじん)]
tecurio peach [作者: 風塵(ふーじん)]
tecurio sky [作者: 風塵(ふーじん)]
tecurio soil [作者: 風塵(ふーじん)]
tecurio sunset [作者: 風塵(ふーじん)]
Season (Spring) [作者: ぽんひろ]
Season (Summer) [作者: ぽんひろ]
Season (Autumn) [作者: ぽんひろ]
Season (Winter) [作者: ぽんひろ]
COLORS（イエロー） [作者: わいひら]
COLORS（グリーン） [作者: わいひら]
COLORS（ピンク） [作者: わいひら]
COLORS（ブラック） [作者: わいひら]
COLORS（ブルー） [作者: わいひら]
COLORS（レッド） [作者: わいひら]
Like Simplicity [作者: わいひら]
モダンブラック [作者: アオイ]
Fuwari -御召茶(おめしちゃ)- [作者: アオイ]
Fuwari -海松茶(みるちゃ)- [作者: アオイ]
Fuwari -海老茶(えびちゃ)- [作者: アオイ]
Fuwari -褐色(かちいろ)- [作者: アオイ]
Bizarre-food（グリーンソバ） [作者: takasaki]
Bizarre-food（ピンクワイン） [作者: takasaki]
Bizarre-food（ブラックバーガー） [作者: takasaki]
Bizarre-food（ブルーカレー） [作者: takasaki]
Bizarre-food（ホワイトラーメン） [作者: takasaki]
旅カメラ [作者: がんちゃん]
おでかけピンク [作者: がんちゃん]
おでかけブルー [作者: がんちゃん]
おでかけレモン [作者: がんちゃん]
いつものコーヒー [作者: がんちゃん]
いつものローズ [作者: がんちゃん]
いつもの深海 [作者: がんちゃん]
m-sora [作者: marine]
m-tomato [作者: marine]
Hygiene [作者: ハイジ]
ドット・レイニーブルー [作者: をまつ]
ドット・ワインレッド [作者: をまつ]
ほんわかライトニング [作者: ライトニング]
Metal Styles [作者: まとめたる]
スキンからオプション変更サンプル（CSV） [作者: わいひら]
スキンからオプション変更サンプル（JSON） [作者: わいひら]
スキンからオプション変更サンプル（PHP） [作者: わいひら]
[Child]スキンテンプレート [作者: わいひら]
スキンテンプレート [作者: わいひら]
最後に
Cocoonにはこんなに沢山のスキンがあるんだね！
これならブログ初心者でも簡単にデザインが出来そう！
複雑で難しいCSS（スタイルシート言語）を使わなくても「Cocoon」では立派なサイトが作れます。
現時点でも95種類あり、バリエーションも豊富です。
自分のサイトに合わせたスキンを探してみましょう！
コメント