![](https://www.kamecompass.com/wp-content/uploads/2024/02/0-10.png)
「スキン選びってどうやるの?」
「スキンのデザインを一覧で見たい」
「おすすめのスキンを教えて」
この記事では、そんな方に向けて、Cocoonでスキン一覧とおすすめスキンを解説します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
こんにちは、かめコンパスです!
この記事を読めば、あなたも簡単に
- おすすめのスキンが分かる
- すべてのスキンを一覧で確認できる
- スキン選びに迷わない
ようになります。
私自身、スキン選びに失敗した経験がありますが、本記事の方法で解決できました。
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください!
また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2024/04/a98b1120712ae2558c294773114e59b3-2.jpg)
さっそく本題に入りましょう。
当ブログ愛用のWordPressテーマ
\もっと早く乗り換えればよかった…/
使い心地バツグン、高機能でオシャレ!
Cocoonおすすめスキン【3つの要素別】
![](https://www.kamecompass.com/wp-content/uploads/2024/02/20fb051d4eb1a5b7de9c435e328f8eb5-1.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/20fb051d4eb1a5b7de9c435e328f8eb5-1.png)
Cocoonでスキンを選ぶ際に、必ずチェックしておきたい「3つのおすすめポイント」を紹介します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
自分の中でどのポイントを重要視するのか優先順位を決めるといいね!
個人的におすすめの優先順位は、
- 1位:デザイン
- 2位:カスタマイズしやすさ
- 3位:スキンの変更しやすさ
の順です。
それぞれのおすすめポイントを詳しく解説します。
①デザインで選ぶ
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-1-10.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-1-10.png)
サイトを運営する中で、デザインは非常に重要です。
- 自分好みのデザインか?
- サイトのデザインと紹介するテーマがマッチしているか?
- ターゲットユーザーが好みそうなデザインか?
- どういうブランドカラーを形成したいか?
などを考える必要があります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ブログ初心者は自分好みのデザインで選ぶことをおすすめだよ
- 自分好みのデザインを選べる
- スキンの選び方が分からない人の分かりやすい指標である
- ユーザーやテーマと相性のいいと購買意欲の向上につながる
- カスタマイズできない項目あり
- 人気のデザインは他サイトと被りやすい
- 今後スキンを変更するとデザインが崩れる
以下の表では、Cocoonのスキン110種類をすべて確認し、
その中でデザインが良かったおすすめスキンを4つに絞って一覧でまとめました。
スキン名 | 特徴 | レイアウト |
---|---|---|
grayish | 画像フルスクリーン表示 | デザインを見る |
イノセンス | 大人かわいい | デザインを見る |
てがきノート | 親近感のある | デザインを見る |
Fuwari | 和の雰囲気 | デザインを見る |
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
当ブログは「イノセンス」を使ってるよ!
②カスタマイズしやすさで選ぶ
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-9.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-2-9.png)
ブログ始めたての頃は気にする必要はありませんが、ある程度ブログの執筆が上達してくると、
- 目次の表示を変えたい
- ヘッダーの色を変えたい
- アイキャッチ画像を表示したい
など細かくカスタマイズしたいという欲求が出ます。
ただ、選んだスキンによっては、カスタマイズできない=スキン制御されていて、あきらめないといけない場合もあります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
私も初めはデザイン重視で選んだけど、スキン制御の項目があってスキンを選び直した経験があるよ
- 自由にブログ設計できる
- カスタマイズで他サイトと差別化できる
- カスタマイズで他サイトと差別化できる
- 好きなデザインを選べない
- 不要・必要な設定の変更ができない
- 今後スキンを変更しにくい
以下の表では、Cocoonでスキン制御の項目がないスキンを一覧でまとめました。(2023年7月時点の情報)
スキン名 | スキン制御の数 | レイアウト |
---|---|---|
one | 0 | デザインを見る ∨ |
Simple-Darkmode | 0 | デザインを見る ∨ |
Natural | 0 | デザインを見る ∨ |
Simple | 0 | デザインを見る ∨ |
モノクロ | 0 | デザインを見る ∨ |
カラフルライン | 0 | デザインを見る ∨ |
ミックス | 0 | デザインを見る ∨ |
サムライブルー | 0 | デザインを見る ∨ |
Momoon | 0 | デザインを見る ∨ |
Fuwari | 0 | デザインを見る ∨ |
旅カメラ | 0 | デザインを見る ∨ |
いつもの | 0 | デザインを見る ∨ |
m- | 0 | デザインを見る ∨ |
ドット | 0 | デザインを見る ∨ |
ほんわかライトニング | 0 | デザインを見る ∨ |
Metal Styles | 0 | デザインを見る ∨ |
スキンテンプレート | 0 | デザインを見る ∨ |
ふわっと追加 | 0 | デザインを見る ∨ |
ゆっくり色が変化 | 0 | デザインを見る ∨ |
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
スキン制御がなければ、今後カスタマイズできない⁉ということがなくなるよ
上の表ではスキン制御がないスキンをまとめましたが、「この項目だったらスキン制御されてても気にしない」ということもあります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
今後カスタマイズする可能性が低い項目がスキン制御されているスキンもおすすめ!
下の記事では、Cocoonでスキン制御されている項目をスキン別でまとめてますので、あわせて見てください。
![](https://www.kamecompass.com/wp-content/uploads/2023/05/アイキャッチ画像-1-9.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/05/アイキャッチ画像-1-9.jpg)
③スキンの変更しやすさで選ぶ
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-3-8.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/1-3-8.png)
最初のスキン選びを間違えたり、サイトの雰囲気を変えたいと思った場合のことも考え、変更しやすいスキンを選ぶことも重要です。
変更しやすいスキンとは、種類が多いスキンになります。
変更したい場合は、同種類のスキン同士で変更します。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
スキン選びに迷ったら、のちに変更しやすいスキンを選ぶのもおすすめだよ!
- 今後スキンを変更しやすい
- 選べるスキンの選択肢が多い
- サイトデザインを崩さずスキンを変更できる
- 好きなデザインを選べない
- カスタマイズできない項目あり
- スキンの変更前と後であまりデザインが変わらない
以下の表では、Cocoonでスキンの種類が多い順に一覧でまとめています。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
2種類以上あるスキンのみを一覧でまとめているよ
スキン名 | 種類の数 | レイアウト |
---|---|---|
Veilnui Simplog | 17 | デザインを見る ∨ |
tecurio | 9 | デザインを見る ∨ |
COLORS | 6 | デザインを見る ∨ |
アリス | 6 | デザインを見る ∨ |
てがきノート | 5 | デザインを見る ∨ |
Simple | 5 | デザインを見る ∨ |
Momoon | 5 | デザインを見る ∨ |
Bizarre-food | 5 | デザインを見る ∨ |
Season | 4 | デザインを見る ∨ |
Fuwari | 4 | デザインを見る ∨ |
ダーク | 3 | デザインを見る ∨ |
ミックス | 3 | デザインを見る ∨ |
おでかけ | 3 | デザインを見る ∨ |
いつもの | 3 | デザインを見る ∨ |
スキンからオプション変更サンプル | 3 | デザインを見る ∨ |
Simple-Darkmode | 2 | デザインを見る ∨ |
Natural | 2 | デザインを見る ∨ |
サムライブルー | 2 | デザインを見る ∨ |
m- | 2 | デザインを見る ∨ |
ドット | 2 | デザインを見る ∨ |
スキンテンプレート | 2 | デザインを見る ∨ |
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
スキンの種類の数が多いほど、のちに変更しやすくなるよ!
Cocoonスキン一覧【110種類】
![](https://www.kamecompass.com/wp-content/uploads/2024/02/2-7.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/2-7.png)
Cocoonで設定できるスキン全110種類を一覧にしてまとめました。
\クリックで気になるスキンへジャンプ/
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
PC・スマホそれぞれの見え方をチェックしてね!
なし
![PC・スマホ画面で見たスキン「なし」](https://www.kamecompass.com/wp-content/uploads/2024/02/3609f958a376202b6b7d9e798717e1ab.png)
![PC・スマホ画面で見たスキン「なし」](https://www.kamecompass.com/wp-content/uploads/2024/02/3609f958a376202b6b7d9e798717e1ab.png)
スキン名 | なし |
作者 | ー |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
grayish
![PC・スマホ画面で見たスキン「grayish」](https://www.kamecompass.com/wp-content/uploads/2024/02/grayish_Na2factory.png)
![PC・スマホ画面で見たスキン「grayish」](https://www.kamecompass.com/wp-content/uploads/2024/02/grayish_Na2factory.png)
スキン名 | grayish |
作者 | Na2factoryさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
SILK(シルク)
![PC・スマホ画面で見たスキン「SILK(シルク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/dabd9b00609438f6c84ccc1ed42dee91.png)
![PC・スマホ画面で見たスキン「SILK(シルク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/dabd9b00609438f6c84ccc1ed42dee91.png)
スキン名 | SILK(シルク) |
作者 | ろこさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
みるらいと
![PC・スマホ画面で見たスキン「みるらいと」](https://www.kamecompass.com/wp-content/uploads/2024/02/305172b5f4786b22c6342983a2fc360b.png)
![PC・スマホ画面で見たスキン「みるらいと」](https://www.kamecompass.com/wp-content/uploads/2024/02/305172b5f4786b22c6342983a2fc360b.png)
スキン名 | みるらいと |
作者 | みるみさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
イノセンス
![PC・スマホ画面で見たスキン「イノセンス」](https://www.kamecompass.com/wp-content/uploads/2024/02/f9806bc4388a7ae9227e9e7c0a131323.png)
![PC・スマホ画面で見たスキン「イノセンス」](https://www.kamecompass.com/wp-content/uploads/2024/02/f9806bc4388a7ae9227e9e7c0a131323.png)
スキン名 | イノセンス |
作者 | おはようポテトさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
COLORS
![PC・スマホ画面で見たスキン「COLORS(イエロー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/2368aa66798402596dad9ae1abfefa39.png)
![PC・スマホ画面で見たスキン「COLORS(イエロー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/2368aa66798402596dad9ae1abfefa39.png)
![PC・スマホ画面で見たスキン「COLORS(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/ba84e7936b255263b5df3abaa3883a4f.png)
![PC・スマホ画面で見たスキン「COLORS(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/ba84e7936b255263b5df3abaa3883a4f.png)
![PC・スマホ画面で見たスキン「COLORS(ピンク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8b28324936403b43f9c3628514a742ff.png)
![PC・スマホ画面で見たスキン「COLORS(ピンク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8b28324936403b43f9c3628514a742ff.png)
![PC・スマホ画面で見たスキン「COLORS(ブラック)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8a8e41dbed4668d88e584f3e237f975d.png)
![PC・スマホ画面で見たスキン「COLORS(ブラック)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8a8e41dbed4668d88e584f3e237f975d.png)
![PC・スマホ画面で見たスキン「COLORS(ブルー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8e33c5d2df03ebeda6f945a5eba7f89c.png)
![PC・スマホ画面で見たスキン「COLORS(ブルー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8e33c5d2df03ebeda6f945a5eba7f89c.png)
![PC・スマホ画面で見たスキン「COLORS(レッド)」](https://www.kamecompass.com/wp-content/uploads/2024/02/aa341207c3e02f26073100ef4a081247.png)
![PC・スマホ画面で見たスキン「COLORS(レッド)」](https://www.kamecompass.com/wp-content/uploads/2024/02/aa341207c3e02f26073100ef4a081247.png)
スキン名 | COLORS |
作者 | わいひらさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Like Simplicity
![PC・スマホ画面で見たスキン「Like Simplicity」](https://www.kamecompass.com/wp-content/uploads/2024/02/0cda724a25579a69b8ae6b8fc5fcfb5f.png)
![PC・スマホ画面で見たスキン「Like Simplicity」](https://www.kamecompass.com/wp-content/uploads/2024/02/0cda724a25579a69b8ae6b8fc5fcfb5f.png)
スキン名 | Like Simplicity |
作者 | わいひらさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
てがきノート
![PC・スマホ画面で見たスキン「てがきノート(ブルーコーラル)」](https://www.kamecompass.com/wp-content/uploads/2024/02/133f23073bc1ccbc9c01678b8bbb86a3.png)
![PC・スマホ画面で見たスキン「てがきノート(ブルーコーラル)」](https://www.kamecompass.com/wp-content/uploads/2024/02/133f23073bc1ccbc9c01678b8bbb86a3.png)
![PC・スマホ画面で見たスキン「てがきノート(グリーンオレンジ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/a1fa8731081f0768f41d8f24f6b80540.png)
![PC・スマホ画面で見たスキン「てがきノート(グリーンオレンジ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/a1fa8731081f0768f41d8f24f6b80540.png)
![PC・スマホ画面で見たスキン「てがきノート(ピンクレモン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6b777d40928a56ce270e9735cb9debd6.png)
![PC・スマホ画面で見たスキン「てがきノート(ピンクレモン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6b777d40928a56ce270e9735cb9debd6.png)
![PC・スマホ画面で見たスキン「てがきノート(ホワイトバナナ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8ab1aa2ee83814a51f8983fe081977fa.png)
![PC・スマホ画面で見たスキン「てがきノート(ホワイトバナナ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8ab1aa2ee83814a51f8983fe081977fa.png)
![PC・スマホ画面で見たスキン「てがきノート(ダークスカイ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/b6e273d9fe6c01f4ad0f9738a6560ea7.png)
![PC・スマホ画面で見たスキン「てがきノート(ダークスカイ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/b6e273d9fe6c01f4ad0f9738a6560ea7.png)
スキン名 | てがきノート |
作者 | ゆうそうとさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Season
![PC・スマホ画面で見たスキン「Season (Spring)」](https://www.kamecompass.com/wp-content/uploads/2024/02/48dc9677ee7836535bead3ee4399b546.png)
![PC・スマホ画面で見たスキン「Season (Spring)」](https://www.kamecompass.com/wp-content/uploads/2024/02/48dc9677ee7836535bead3ee4399b546.png)
![PC・スマホ画面で見たスキン「Season (Summer)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bde2d2f185c78d7c64155229c6747551.png)
![PC・スマホ画面で見たスキン「Season (Summer)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bde2d2f185c78d7c64155229c6747551.png)
![PC・スマホ画面で見たスキン「Season (Autumn)」](https://www.kamecompass.com/wp-content/uploads/2024/02/c801a0254a60e84892a8bb27bec177fb.png)
![PC・スマホ画面で見たスキン「Season (Autumn)」](https://www.kamecompass.com/wp-content/uploads/2024/02/c801a0254a60e84892a8bb27bec177fb.png)
![PC・スマホ画面で見たスキン「Season (Winter)」](https://www.kamecompass.com/wp-content/uploads/2024/02/b794763e15d725b01de4af1c6e0486c4.png)
![PC・スマホ画面で見たスキン「Season (Winter)」](https://www.kamecompass.com/wp-content/uploads/2024/02/b794763e15d725b01de4af1c6e0486c4.png)
スキン名 | Season |
作者 | ぽんひろさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
モダンブラック
![PC・スマホ画面で見たスキン「モダンブラック」](https://www.kamecompass.com/wp-content/uploads/2024/02/e40d70e40fbb164217794c88e2441da4.png)
![PC・スマホ画面で見たスキン「モダンブラック」](https://www.kamecompass.com/wp-content/uploads/2024/02/e40d70e40fbb164217794c88e2441da4.png)
スキン名 | モダンブラック |
作者 | アオイさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Fuwari
![PC・スマホ画面で見たスキン「Fuwari -御召茶(おめしちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/5f768eef0085584c9e863ab9ae346372.png)
![PC・スマホ画面で見たスキン「Fuwari -御召茶(おめしちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/5f768eef0085584c9e863ab9ae346372.png)
![PC・スマホ画面で見たスキン「Fuwari -海松茶(みるちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/a02d2f9f45420159c072e9c3bc7596e2.png)
![PC・スマホ画面で見たスキン「Fuwari -海松茶(みるちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/a02d2f9f45420159c072e9c3bc7596e2.png)
![PC・スマホ画面で見たスキン「Fuwari -海老茶(えびちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/6b0e0ad3d763a21b48f558cd0995c709.png)
![PC・スマホ画面で見たスキン「Fuwari -海老茶(えびちゃ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/6b0e0ad3d763a21b48f558cd0995c709.png)
![PC・スマホ画面で見たスキン「Fuwari -褐色(かちいろ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/cfd12568605eea3d695da939825b263a.png)
![PC・スマホ画面で見たスキン「Fuwari -褐色(かちいろ)-」](https://www.kamecompass.com/wp-content/uploads/2024/02/cfd12568605eea3d695da939825b263a.png)
スキン名 | Fuwari |
作者 | アオイさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
one
![PC・スマホ画面で見たスキン「one」](https://www.kamecompass.com/wp-content/uploads/2024/02/one_haiji.png)
![PC・スマホ画面で見たスキン「one」](https://www.kamecompass.com/wp-content/uploads/2024/02/one_haiji.png)
スキン名 | one |
作者 | haijiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Simple-Darkmode
![PC・スマホ画面で見たスキン「Simple‐Darkmode」](https://www.kamecompass.com/wp-content/uploads/2024/02/775a8d1f142884119c5206e0e71785bb.png)
![PC・スマホ画面で見たスキン「Simple‐Darkmode」](https://www.kamecompass.com/wp-content/uploads/2024/02/775a8d1f142884119c5206e0e71785bb.png)
![PC・スマホ画面で見たスキン「Simple‐Darkmode Always(常時ダークモード)」](https://www.kamecompass.com/wp-content/uploads/2024/02/313b9c9f26f7dc133f1ceeceefbf1b6a.png)
![PC・スマホ画面で見たスキン「Simple‐Darkmode Always(常時ダークモード)」](https://www.kamecompass.com/wp-content/uploads/2024/02/313b9c9f26f7dc133f1ceeceefbf1b6a.png)
スキン名 | Simple-Darkmode |
作者 | Hirositeさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Hygiene
![PC・スマホ画面で見たスキン「Hygiene」](https://www.kamecompass.com/wp-content/uploads/2024/02/fe63a5804db8e2b477a99e4d692c3955.png)
![PC・スマホ画面で見たスキン「Hygiene」](https://www.kamecompass.com/wp-content/uploads/2024/02/fe63a5804db8e2b477a99e4d692c3955.png)
スキン名 | Hygiene |
作者 | ハイジさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Natural
![PC・スマホ画面で見たスキン「Natural(ブルー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/45cd75855d95d084bcf0bb14c09c998c.png)
![PC・スマホ画面で見たスキン「Natural(ブルー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/45cd75855d95d084bcf0bb14c09c998c.png)
![PC・スマホ画面で見たスキン「Natural(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bcdcd40886ea06904c9845e4a9924c02.png)
![PC・スマホ画面で見たスキン「Natural(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bcdcd40886ea06904c9845e4a9924c02.png)
スキン名 | Natural |
作者 | Takaさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Simple
![PC・スマホ画面で見たスキン「Simple-Blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Blue_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Blue_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Green_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Green_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Navy」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Navy_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Navy」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Navy_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Pink」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Pink_Taka.png)
![PC・スマホ画面で見たスキン「Simple-Pink」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-Pink_Taka.png)
![PC・スマホ画面で見たスキン「Simple-red」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-red_Taka.png)
![PC・スマホ画面で見たスキン「Simple-red」](https://www.kamecompass.com/wp-content/uploads/2024/02/Simple-red_Taka.png)
スキン名 | Simple |
作者 | Takaさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
モノクロ
![PC・スマホ画面で見たスキン「モノクロ」](https://www.kamecompass.com/wp-content/uploads/2024/02/629e7925217746f4a3e227f56d6f7f0f.png)
![PC・スマホ画面で見たスキン「モノクロ」](https://www.kamecompass.com/wp-content/uploads/2024/02/629e7925217746f4a3e227f56d6f7f0f.png)
スキン名 | モノクロ |
作者 | yurukei20さん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
アリス
![PC・スマホ画面で見たスキン「アリス(無印)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4f6f88c99108b2cd1daba3445695cf50.png)
![PC・スマホ画面で見たスキン「アリス(無印)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4f6f88c99108b2cd1daba3445695cf50.png)
![PC・スマホ画面で見たスキン「アリス(チェシャ猫)」](https://www.kamecompass.com/wp-content/uploads/2024/02/7adcafc2f0fa5e9887b219b251119d4e.png)
![PC・スマホ画面で見たスキン「アリス(チェシャ猫)」](https://www.kamecompass.com/wp-content/uploads/2024/02/7adcafc2f0fa5e9887b219b251119d4e.png)
![PC・スマホ画面で見たスキン「アリス(白ウサギ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/607d948febb349e5d5cfe26abd7f40e2.png)
![PC・スマホ画面で見たスキン「アリス(白ウサギ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/607d948febb349e5d5cfe26abd7f40e2.png)
![PC・スマホ画面で見たスキン「アリス(ユニコーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/051120b1f1ecb8deeaeb885d2f62ddac.png)
![PC・スマホ画面で見たスキン「アリス(ユニコーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/051120b1f1ecb8deeaeb885d2f62ddac.png)
![PC・スマホ画面で見たスキン「アリス(ローズ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6096d463c26475a408458316a326e2c3.png)
![PC・スマホ画面で見たスキン「アリス(ローズ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6096d463c26475a408458316a326e2c3.png)
![PC・スマホ画面で見たスキン「アリス(ビタミン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4593b98ba7bd1a5863bda1be4851ef8b.png)
![PC・スマホ画面で見たスキン「アリス(ビタミン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4593b98ba7bd1a5863bda1be4851ef8b.png)
スキン名 | アリス |
作者 | Yuhomyanさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
カラフルライン
![PC・スマホ画面で見たスキン「カラフルライン」](https://www.kamecompass.com/wp-content/uploads/2024/02/a3618f022f8fb8fdc77af40ce4a9d3e6.png)
![PC・スマホ画面で見たスキン「カラフルライン」](https://www.kamecompass.com/wp-content/uploads/2024/02/a3618f022f8fb8fdc77af40ce4a9d3e6.png)
スキン名 | カラフルライン |
作者 | y.hiroakiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
ダーク
![PC・スマホ画面で見たスキン「ダークエンジ」](https://www.kamecompass.com/wp-content/uploads/2024/02/4fbff1fc3196a6db142b88cac246a6c3.png)
![PC・スマホ画面で見たスキン「ダークエンジ」](https://www.kamecompass.com/wp-content/uploads/2024/02/4fbff1fc3196a6db142b88cac246a6c3.png)
![PC・スマホ画面で見たスキン「ダークカモノハ」](https://www.kamecompass.com/wp-content/uploads/2024/02/fa01b31cddb77ae02df7fc8894782cdd.png)
![PC・スマホ画面で見たスキン「ダークカモノハ」](https://www.kamecompass.com/wp-content/uploads/2024/02/fa01b31cddb77ae02df7fc8894782cdd.png)
![PC・スマホ画面で見たスキン「ダークルリ」](https://www.kamecompass.com/wp-content/uploads/2024/02/76651270b95e1c76544ac487cd98245d.png)
![PC・スマホ画面で見たスキン「ダークルリ」](https://www.kamecompass.com/wp-content/uploads/2024/02/76651270b95e1c76544ac487cd98245d.png)
スキン名 | ダーク |
作者 | y.hiroakiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
ミックス
![PC・スマホ画面で見たスキン「ミックスグリーン」](https://www.kamecompass.com/wp-content/uploads/2024/02/747f8ea7afeb4370899a14eefeb4f135.png)
![PC・スマホ画面で見たスキン「ミックスグリーン」](https://www.kamecompass.com/wp-content/uploads/2024/02/747f8ea7afeb4370899a14eefeb4f135.png)
![PC・スマホ画面で見たスキン「ミックスブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/8a36450e6b2fd6967cbe8dd171e07a20.png)
![PC・スマホ画面で見たスキン「ミックスブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/8a36450e6b2fd6967cbe8dd171e07a20.png)
![PC・スマホ画面で見たスキン「ミックスレッド」](https://www.kamecompass.com/wp-content/uploads/2024/02/95675027db93a30732e18eb567c15913.png)
![PC・スマホ画面で見たスキン「ミックスレッド」](https://www.kamecompass.com/wp-content/uploads/2024/02/95675027db93a30732e18eb567c15913.png)
スキン名 | ミックス |
作者 | y.hiroakiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
サムライブルー
![PC・スマホ画面で見たスキン「サムライブルー(勝色)」](https://www.kamecompass.com/wp-content/uploads/2024/02/fe595807721ffd113f8d5af8baa2d31e.png)
![PC・スマホ画面で見たスキン「サムライブルー(勝色)」](https://www.kamecompass.com/wp-content/uploads/2024/02/fe595807721ffd113f8d5af8baa2d31e.png)
![PC・スマホ画面で見たスキン「サムライブルー(無印)」](https://www.kamecompass.com/wp-content/uploads/2024/02/05e460c50646126ee44057d3f9310f8e.png)
![PC・スマホ画面で見たスキン「サムライブルー(無印)」](https://www.kamecompass.com/wp-content/uploads/2024/02/05e460c50646126ee44057d3f9310f8e.png)
スキン名 | サムライブルー |
作者 | y.hiroakiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ(勝色) ≫ Cocoon公式サイトへ(無印) |
Veilnui Simplog
![PC・スマホ画面で見たスキン「Veilnui Simplog (amber)」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-amber_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui Simplog (amber)」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-amber_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-blue_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-blue_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-brown」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-brown_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-brown」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-brown_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-cyan」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-cyan_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-cyan」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-cyan_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-deep-orange」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-deep-orange_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-deep-orange」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-deep-orange_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-deep-purple」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-deep-purple_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-deep-purple」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-deep-purple_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-green_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-green_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-indigo」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-indigo_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-indigo」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-indigo_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-light-blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-light-blue_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-light-blue」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-light-blue_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-light-green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-light-green_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-light-green」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-light-green_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-lime」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-lime_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-lime」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-lime_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-orange」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-orange_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-orange」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-orange_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-pink」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-pink_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-pink」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-pink_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-purple」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-purple_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-purple」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-purple_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-red」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-red_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-red」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-red_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-teal」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-teal_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-teal」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-teal_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-yellow」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-yellow_veilnui.png)
![PC・スマホ画面で見たスキン「Veilnui-Simplog-yellow」](https://www.kamecompass.com/wp-content/uploads/2024/02/Veilnui-Simplog-yellow_veilnui.png)
スキン名 | Veilnui Simplog |
作者 | veilnuiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Momoon
![PC・スマホ画面で見たスキン「Momoon(アクア)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6df3a3c061efdb055ba10050d591ebf2.png)
![PC・スマホ画面で見たスキン「Momoon(アクア)」](https://www.kamecompass.com/wp-content/uploads/2024/02/6df3a3c061efdb055ba10050d591ebf2.png)
![PC・スマホ画面で見たスキン「Momoon(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/9de1154b9283619b2c13aca11d498e37.png)
![PC・スマホ画面で見たスキン「Momoon(グリーン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/9de1154b9283619b2c13aca11d498e37.png)
![PC・スマホ画面で見たスキン「Momoon(オレンジ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/31ec919be7949b85638c7a233848250d.png)
![PC・スマホ画面で見たスキン「Momoon(オレンジ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/31ec919be7949b85638c7a233848250d.png)
![PC・スマホ画面で見たスキン「Momoon(ピンク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4e212b5aefd2d7b81559f3b547bab761.png)
![PC・スマホ画面で見たスキン「Momoon(ピンク)」](https://www.kamecompass.com/wp-content/uploads/2024/02/4e212b5aefd2d7b81559f3b547bab761.png)
![PC・スマホ画面で見たスキン「Momoon(パープル)」](https://www.kamecompass.com/wp-content/uploads/2024/02/71207571b32478aaa83db836f1b41e50.png)
![PC・スマホ画面で見たスキン「Momoon(パープル)」](https://www.kamecompass.com/wp-content/uploads/2024/02/71207571b32478aaa83db836f1b41e50.png)
スキン名 | Momoon |
作者 | タイジーWPさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
tecurio
![PC・スマホ画面で見たスキン「tecurio earth」](https://www.kamecompass.com/wp-content/uploads/2024/02/da744c465f9c345b1a6da7b298b6a783.png)
![PC・スマホ画面で見たスキン「tecurio earth」](https://www.kamecompass.com/wp-content/uploads/2024/02/da744c465f9c345b1a6da7b298b6a783.png)
![PC・スマホ画面で見たスキン「tecurio grape」](https://www.kamecompass.com/wp-content/uploads/2024/02/5f494e264cc6fc51c5d8aeb45a168c35.png)
![PC・スマホ画面で見たスキン「tecurio grape」](https://www.kamecompass.com/wp-content/uploads/2024/02/5f494e264cc6fc51c5d8aeb45a168c35.png)
![PC・スマホ画面で見たスキン「tecurio lime」](https://www.kamecompass.com/wp-content/uploads/2024/02/d4ef104bbaff88aa0edfd432a277708a.png)
![PC・スマホ画面で見たスキン「tecurio lime」](https://www.kamecompass.com/wp-content/uploads/2024/02/d4ef104bbaff88aa0edfd432a277708a.png)
![PC・スマホ画面で見たスキン「tecurio mango」](https://www.kamecompass.com/wp-content/uploads/2024/02/f1aa10566334f5b035db51e64864e503.png)
![PC・スマホ画面で見たスキン「tecurio mango」](https://www.kamecompass.com/wp-content/uploads/2024/02/f1aa10566334f5b035db51e64864e503.png)
![PC・スマホ画面で見たスキン「tecurio moon」](https://www.kamecompass.com/wp-content/uploads/2024/02/645951647816ec4e102a342ef1743af3.png)
![PC・スマホ画面で見たスキン「tecurio moon」](https://www.kamecompass.com/wp-content/uploads/2024/02/645951647816ec4e102a342ef1743af3.png)
![PC・スマホ画面で見たスキン「tecurio peach」](https://www.kamecompass.com/wp-content/uploads/2024/02/c707858d063791531017deae1de3456d.png)
![PC・スマホ画面で見たスキン「tecurio peach」](https://www.kamecompass.com/wp-content/uploads/2024/02/c707858d063791531017deae1de3456d.png)
![PC・スマホ画面で見たスキン「tecurio sky」](https://www.kamecompass.com/wp-content/uploads/2024/02/414715841eac00009adeee824a582ebe.png)
![PC・スマホ画面で見たスキン「tecurio sky」](https://www.kamecompass.com/wp-content/uploads/2024/02/414715841eac00009adeee824a582ebe.png)
![PC・スマホ画面で見たスキン「tecurio soil」](https://www.kamecompass.com/wp-content/uploads/2024/02/4b7e652b13b0b509520fba03c6675afd.png)
![PC・スマホ画面で見たスキン「tecurio soil」](https://www.kamecompass.com/wp-content/uploads/2024/02/4b7e652b13b0b509520fba03c6675afd.png)
![PC・スマホ画面で見たスキン「tecurio sunset」](https://www.kamecompass.com/wp-content/uploads/2024/02/e654fee1b038940750e492c6201bd88d.png)
![PC・スマホ画面で見たスキン「tecurio sunset」](https://www.kamecompass.com/wp-content/uploads/2024/02/e654fee1b038940750e492c6201bd88d.png)
スキン名 | tecurio |
作者 | 風塵(ふーじん)さん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Bizarre-food
![PC・スマホ画面で見たスキン「Bizarre-food(グリーンソバ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/00020b66de828bd94c6defc2ef684889.png)
![PC・スマホ画面で見たスキン「Bizarre-food(グリーンソバ)」](https://www.kamecompass.com/wp-content/uploads/2024/02/00020b66de828bd94c6defc2ef684889.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ピンクワイン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/0408b020506e0365d40bfb59753dd035.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ピンクワイン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/0408b020506e0365d40bfb59753dd035.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ブラックバーガー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/601c0c83ce1827e6459c767a0ff02205.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ブラックバーガー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/601c0c83ce1827e6459c767a0ff02205.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ブルーカレー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bfe443cb5fb7aefd3c1bbae094cdf73c.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ブルーカレー)」](https://www.kamecompass.com/wp-content/uploads/2024/02/bfe443cb5fb7aefd3c1bbae094cdf73c.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ホワイトラーメン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/519895e9eebff0120938bccf8c9440e9.png)
![PC・スマホ画面で見たスキン「Bizarre-food(ホワイトラーメン)」](https://www.kamecompass.com/wp-content/uploads/2024/02/519895e9eebff0120938bccf8c9440e9.png)
スキン名 | Bizarre-food |
作者 | takasakiさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
旅カメラ
![PC・スマホ画面で見たスキン「旅カメラ」](https://www.kamecompass.com/wp-content/uploads/2024/02/6e0367fe4089894a159b47695b3baa75.png)
![PC・スマホ画面で見たスキン「旅カメラ」](https://www.kamecompass.com/wp-content/uploads/2024/02/6e0367fe4089894a159b47695b3baa75.png)
スキン名 | 旅カメラ |
作者 | がんちゃんさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
おでかけ
![PC・スマホ画面で見たスキン「おでかけピンク」](https://www.kamecompass.com/wp-content/uploads/2024/02/1c9193ad41bf92497fa84d5e697816b3.png)
![PC・スマホ画面で見たスキン「おでかけピンク」](https://www.kamecompass.com/wp-content/uploads/2024/02/1c9193ad41bf92497fa84d5e697816b3.png)
![PC・スマホ画面で見たスキン「おでかけブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/492e1ba9f16c509bb149a5a2219be70a.png)
![PC・スマホ画面で見たスキン「おでかけブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/492e1ba9f16c509bb149a5a2219be70a.png)
![PC・スマホ画面で見たスキン「おでかけレモン」](https://www.kamecompass.com/wp-content/uploads/2024/02/aa2f710b04b6a159b9fade286a1abebe.png)
![PC・スマホ画面で見たスキン「おでかけレモン」](https://www.kamecompass.com/wp-content/uploads/2024/02/aa2f710b04b6a159b9fade286a1abebe.png)
スキン名 | おでかけ |
作者 | がんちゃんさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
いつもの
![PC・スマホ画面で見たスキン「いつものコーヒー」](https://www.kamecompass.com/wp-content/uploads/2024/02/68681ccaf4c7c8cae90e4de3bea3f307.png)
![PC・スマホ画面で見たスキン「いつものコーヒー」](https://www.kamecompass.com/wp-content/uploads/2024/02/68681ccaf4c7c8cae90e4de3bea3f307.png)
![PC・スマホ画面で見たスキン「いつものローズ」](https://www.kamecompass.com/wp-content/uploads/2024/02/113d61d89d10764a73311ecf6f797f73.png)
![PC・スマホ画面で見たスキン「いつものローズ」](https://www.kamecompass.com/wp-content/uploads/2024/02/113d61d89d10764a73311ecf6f797f73.png)
![PC・スマホ画面で見たスキン「いつもの深海」](https://www.kamecompass.com/wp-content/uploads/2024/02/7d9ccda75b3e1afa0c77539202843fe1.png)
![PC・スマホ画面で見たスキン「いつもの深海」](https://www.kamecompass.com/wp-content/uploads/2024/02/7d9ccda75b3e1afa0c77539202843fe1.png)
スキン名 | いつもの |
作者 | がんちゃんさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
m-
![PC・スマホ画面で見たスキン「m-sora」](https://www.kamecompass.com/wp-content/uploads/2024/02/m-sora_marine.png)
![PC・スマホ画面で見たスキン「m-sora」](https://www.kamecompass.com/wp-content/uploads/2024/02/m-sora_marine.png)
![PC・スマホ画面で見たスキン「m-tomato」](https://www.kamecompass.com/wp-content/uploads/2024/02/m-tomato_marine.png)
![PC・スマホ画面で見たスキン「m-tomato」](https://www.kamecompass.com/wp-content/uploads/2024/02/m-tomato_marine.png)
スキン名 | m- |
作者 | marineさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
ドット
![PC・スマホ画面で見たスキン「ドット・レイニーブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/4bcaed35d136f3938771623c6865627c.png)
![PC・スマホ画面で見たスキン「ドット・レイニーブルー」](https://www.kamecompass.com/wp-content/uploads/2024/02/4bcaed35d136f3938771623c6865627c.png)
![PC・スマホ画面で見たスキン「ドット・ワインレッド」](https://www.kamecompass.com/wp-content/uploads/2024/02/3c93f6e730f659d401f817e474d1fe78.png)
![PC・スマホ画面で見たスキン「ドット・ワインレッド」](https://www.kamecompass.com/wp-content/uploads/2024/02/3c93f6e730f659d401f817e474d1fe78.png)
スキン名 | ドット |
作者 | をまつさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
ほんわかライトニング
![PC・スマホ画面で見たスキン「ほんわかライトニング」](https://www.kamecompass.com/wp-content/uploads/2024/02/44078b4acb4e8db024d8c32b21ca7bb1.png)
![PC・スマホ画面で見たスキン「ほんわかライトニング」](https://www.kamecompass.com/wp-content/uploads/2024/02/44078b4acb4e8db024d8c32b21ca7bb1.png)
スキン名 | ほんわかライトニング |
作者 | ライトニングさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Metal Styles
![PC・スマホ画面で見たスキン「Metal Styles」](https://www.kamecompass.com/wp-content/uploads/2024/02/8674889254d568c00a34087663222b30.png)
![PC・スマホ画面で見たスキン「Metal Styles」](https://www.kamecompass.com/wp-content/uploads/2024/02/8674889254d568c00a34087663222b30.png)
スキン名 | Metal Styles |
作者 | まとめたるさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
凸凹
![PC・スマホ画面で見たスキン「凸凹」](https://www.kamecompass.com/wp-content/uploads/2024/02/73c4e18eeaffe99e45de55f042c9b7a5.png)
![PC・スマホ画面で見たスキン「凸凹」](https://www.kamecompass.com/wp-content/uploads/2024/02/73c4e18eeaffe99e45de55f042c9b7a5.png)
スキン名 | 凸凹 |
作者 | 北さん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
スキンからオプション変更サンプル
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(CSV)」](https://www.kamecompass.com/wp-content/uploads/2024/02/d9199e47d2bd27d7ca7b9d918bfdcf46.png)
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(CSV)」](https://www.kamecompass.com/wp-content/uploads/2024/02/d9199e47d2bd27d7ca7b9d918bfdcf46.png)
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(JSON)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8202af58281c2585abd5a2f1384806da.png)
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(JSON)」](https://www.kamecompass.com/wp-content/uploads/2024/02/8202af58281c2585abd5a2f1384806da.png)
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(PHP)」](https://www.kamecompass.com/wp-content/uploads/2024/02/f5cac2d4f0c8a5a55a7c4155df9d08f8.png)
![PC・スマホ画面で見たスキン「スキンからオプション変更サンプル(PHP)」](https://www.kamecompass.com/wp-content/uploads/2024/02/f5cac2d4f0c8a5a55a7c4155df9d08f8.png)
スキン名 | スキンからオプション変更サンプル |
作者 | わいひらさん |
スキンテンプレート
![PC・スマホ画面で見たスキン「[Child]スキンテンプレート」](https://www.kamecompass.com/wp-content/uploads/2024/02/bfe9226cd402b8649c035cbd7fab8dde.png)
![PC・スマホ画面で見たスキン「[Child]スキンテンプレート」](https://www.kamecompass.com/wp-content/uploads/2024/02/bfe9226cd402b8649c035cbd7fab8dde.png)
![PC・スマホ画面で見たスキン「スキンテンプレート」](https://www.kamecompass.com/wp-content/uploads/2024/02/bbecb5274d75d1c533e22b1348d20482.png)
![PC・スマホ画面で見たスキン「スキンテンプレート」](https://www.kamecompass.com/wp-content/uploads/2024/02/bbecb5274d75d1c533e22b1348d20482.png)
スキン名 | スキンテンプレート |
作者 | わいひらさん |
ふわっと追加
![PC・スマホ画面で見たスキン「ふわっと追加」](https://www.kamecompass.com/wp-content/uploads/2024/02/9d1f30e9a2c19e7bfcb999ea2fd43fc7.png)
![PC・スマホ画面で見たスキン「ふわっと追加」](https://www.kamecompass.com/wp-content/uploads/2024/02/9d1f30e9a2c19e7bfcb999ea2fd43fc7.png)
スキン名 | ふわっと追加 |
作者 | らくさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
ゆっくり色が変化
![PC・スマホ画面で見たスキン「ゆっくり色が変化」](https://www.kamecompass.com/wp-content/uploads/2024/02/043fbb5458a08ce6edd3d71682af5025.png)
![PC・スマホ画面で見たスキン「ゆっくり色が変化」](https://www.kamecompass.com/wp-content/uploads/2024/02/043fbb5458a08ce6edd3d71682af5025.png)
スキン名 | ゆっくり色が変化 |
作者 | らくさん |
レイアウト一覧 | ≫ Cocoon公式サイトへ |
Cocoon公式サイトでスキンを確認できる
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/3.png)
「スキンの細かなデザインを見たい!」という人は、Cocoon公式サイトで確認することもおすすめします。
下記2ヵ所からスキン一覧を確認できます。
![Cocoon公式サイトの「スキン動作デモ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1.png)
![Cocoon公式サイトの「スキン動作デモ」がある場所](https://www.kamecompass.com/wp-content/uploads/2024/02/3-1.png)
当ブログ愛用「SWELL」のデザインは洗練されていてオシャレ!
当ブログでは、2024年4月からWordPressテーマ「SWELL
SWELLはデザインが好評で、シンプルでとてもオシャレです。
以下の画像は、公式サイトで公開されているデモサイトです。
![SWELL公式サイトで公開されているデモサイト01](https://www.kamecompass.com/wp-content/uploads/2024/05/c83b1ce222900ce16c5f9218226b7c17.png)
![SWELL公式サイトで公開されているデモサイト01](https://www.kamecompass.com/wp-content/uploads/2024/05/c83b1ce222900ce16c5f9218226b7c17.png)
![SWELL公式サイトで公開されているデモサイト02](https://www.kamecompass.com/wp-content/uploads/2024/05/2b4732e48333dde3ced51b55386c37be.png)
![SWELL公式サイトで公開されているデモサイト02](https://www.kamecompass.com/wp-content/uploads/2024/05/2b4732e48333dde3ced51b55386c37be.png)
![SWELL公式サイトで公開されているデモサイト03](https://www.kamecompass.com/wp-content/uploads/2024/05/71278594fda71f1abd34f4b591de80d4.png)
![SWELL公式サイトで公開されているデモサイト03](https://www.kamecompass.com/wp-content/uploads/2024/05/71278594fda71f1abd34f4b591de80d4.png)
![SWELL公式サイトで公開されているデモサイト04](https://www.kamecompass.com/wp-content/uploads/2024/05/98ac17527fd0cc363b65bb487c18a82e.png)
![SWELL公式サイトで公開されているデモサイト04](https://www.kamecompass.com/wp-content/uploads/2024/05/98ac17527fd0cc363b65bb487c18a82e.png)
![SWELL公式サイトで公開されているデモサイト05](https://www.kamecompass.com/wp-content/uploads/2024/05/8aa478b5e2bce7198ce56f37cc79bca2.png)
![SWELL公式サイトで公開されているデモサイト05](https://www.kamecompass.com/wp-content/uploads/2024/05/8aa478b5e2bce7198ce56f37cc79bca2.png)
![SWELL公式サイトで公開されているデモサイト06](https://www.kamecompass.com/wp-content/uploads/2024/05/1312e03c8e6865303ecd709655ec8bcb.png)
![SWELL公式サイトで公開されているデモサイト06](https://www.kamecompass.com/wp-content/uploads/2024/05/1312e03c8e6865303ecd709655ec8bcb.png)
あたかもプロのデザイナーが作ったかのような美しいサイトを作ることができます。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
サイトがおしゃれだと良い気分にもなるね
もし一流のデザイナーが作ったかのようなオシャレなサイトを作りたければ、SWELLはおすすめできそうですよ。
\サイトをよりオシャレに!/
まとめ:Cocoonスキンで自分・ユーザー好みのサイト設計に!
![](https://www.kamecompass.com/wp-content/uploads/2024/02/4-3.png)
![](https://www.kamecompass.com/wp-content/uploads/2024/02/4-3.png)
今回は、Cocoonでスキン一覧とおすすめスキンを紹介しました。
スキンを選び終えたら、次はサイト全体の設定=サイト設計していきます。
![Cocoonでサイト設計する場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-6.png)
![Cocoonでサイト設計する場所](https://www.kamecompass.com/wp-content/uploads/2024/02/4-1-6.png)
以下の記事では、Cocoonで設定できる項目について解説しているので、気になる記事から読んでみてください。
ブログの顔であるアイコン画像を設定がまだの方は、以下の記事もおすすめです。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ためになったという人は“コメント”してくれると嬉しいです!
コメント