Cocoonスキン一覧まとめ！カスタマイズなしでもおしゃれに決まる

本記事はWordPressテーマCocoonに同梱どうこんされているスキンについてまとめたものです。

トップページの画像
作者様ページ（リンク切れの場合はCocoon公式を採用）
特徴を簡単に

これらを新しいものから順番に紹介していきます。数十種類もあるスキンからあなたが気に入るものを見つけてみましょう。

たくさんありすぎて選べない！という方は私のおすすめスキンから選ぶのもいいかもしれません。下のリンクから確認ができます。

スキンて何？のおさらいも上の記事でできます

まずはどんなスキンがあるかザーッとみてみましょう！

WordPressテーマCocoonのスキン一覧

早速Cocoonのスキンを新しいものから順番に見ていきましょう。

Natural（ナチュラル）

【WordPress】オリジナルCocoonスキン「Natural（ナチュラル）」を自作しました！ | Useful Web

当ブログはWordPressの無料テーマ「Cocoon」を使っています。無料のテーマでありながら豊富な機能が備わっており、カスタマイズもしやすく非常に使い勝手が良いため愛用しています。Cocoonに備わっている機能でも十分にカスタマイズすることはできるのですが、「より自分好みのデザインにしたい！」ということでスキンを自

自然で優しい見た目のスキン
ブルーとグリーンの2色

かどが丸っこいのでやさしさが出てますよね

モノクロ

Cocoonのデザインをモノトーン調にカスタマイズ・スタイリングしました

WordPress無料テーマ「Cocoon」のデザインをモノトーン調にスタイリングしてみました。CSSだけを用いています。この記事ではモノクロデザインの紹介をしていきます。

黒を基調としたデザイン
見出し、アイコンボックス、ブログカードなど様々な部分がモノトーン調に

落ち着いた感じのブログや堅いビジネスサイトに合いそうです

凹凸（でこぼこ）

WordPressテーマCocoonをNeumorphismデザインにするスキン「凸凹」を作成しました！

「凸凹」Cocoonテーマ内に同梱していただきました！！Cocoonのバージョン 2.2.9以降はダウンロードなどは不要でCocoon設定のスキンタブ内で選択していただけます！！WordPressの無料テーマの中でも断トツで高性能！カスタマ

立体的なデザイン
色はお好みで変更可能
角の丸さを調節可能

立体感がコンセプトのスキンです。ニューモフィズムというデザインを参考にしています

イノセンス

【Cocoon】居心地の良いスキン「イノセンス」を作成しました

この度、Cocoonのスキン「イノセンス」を作成しました。スキン「イノセンス」をダウンロードする本スキンは知的さや大人っぽさを演出したいとはいえ可愛さも捨てがたいよねまあ要するに、居心地のいいスキンを探してるん ...

知的さや大人っぽさを演出したい
かわいさも捨てがたい
居心地のいいスキンを探している

そんなあなたにはピッタリなスキンです。

アリスシリーズ

オリジナルCocoonスキン「アリス」かわいさと読みやすさを追求して作りました。

「とことんまでかわいい＆読みやすい」を追求した、Cocoonのオリジナルスキン「アリス」を自作しました！こんなに尖ってかわいい、居心地の良いデザインはなかなかないと思います！かわいい色ばかり集めて使っているものの、1つ1つのパーツデザインは

「不思議の国のアリス」のイメージをもとにしたスキン。パステルカラー好きにはたまらない。

とことんまでかわいい＆読みやすいを追求
尖ってかわいい、居心地のいいデザイン
1つ1つのパーツデザインはシンプル

アリス

ピンク×ミントグリーンで元気いっぱい

チェシャ猫

ピンク×パープルでかわいらしさ全開

白ウサギ

ブルー×ホワイトでパステルながらすっきりしたデザイン

SILK（シルク）

【Cocoonスキン】SILK（シルク）の使い方とカスタマイズ方法

SILK（シルク）はろこが作成した、WordPress無料テーマ「Cocoon」のデザインスキンです。SILKの使い方やおすすめのカスタマイズ方法、Cocoonスキンの作り方などを初心者にも分かりやすく解説します。

キーカラーやダークスキンなど、各種設定に対応したブロックエディター向けのスキン。

マテリアルデザインの視覚的な効果を取り入れている
より機能性,カスタマイズ性の高いスキン
ダークスキンとしても使える

みるらいと

【Cocoonのスキンを作りました】"みるめも" を "らいと"に表現する「みるらいと」

Cocoonで使える専用スキン「みるらいと」を作りました。このブログ（みるめも）をライトに表現するスキンで、Cocoonの便利さや汎用的なデザインは残しつつ、ふわっと居心地いいテイストにしてみました。ぜひご利用ください。

ふわっとしたシンプルなテイスト
落ち着いた雰囲気で文章を書きたい人へ
全体的にシンプル＆配色のトーンも静かめなので、どんなジャンルでも使いやすい

Simpleシリーズ

WordPressテーマ、Cocoonのスキン【Simpleシリーズ】を作りました | TACLIMB

当ブログはWordPressの無料テーマ「Cocoon」を使っています。無料のテーマでありながら、豊富な機能が最初から備わっており、カスタマイズもしやすく、非常に使い勝手が良いので愛用しています。Cocoonに備わっている機能でも十分にカスタマイズすることはできるのですが、「より自分好みのデザインにしたい！」ということ

シンプルでスタイリッシュ
必要最小限なアニメーション
ブログというよりWebサイトに近いデザイン

Simple Blue（シンプルブルー）

Simple Green（シンプルグリーン）

Simple Navy（シンプルネイビー）

Simple Pink（シンプルピンク）

Simple Red（シンプルレッド）

カラフルライン

Cocoonスキン『カラフルライン』の特徴

このページは「カラフルライン」について書いているので、サイドバーの「スキン切り替え」から「カラフルライン」を選択してください。前回のダークスキンからガラッと変わって、マウスホバーが派手な「カラフルライン」というスキンを作ってみました。この記

パステルカラー調のカラフルなスキン
マウスホバーが派手
様々な色を要所要所に配色

ダークスキンシリーズ

Cocoonスキン『ダークスキン』の特徴

このページは「ダークスキン」について書いているので、サイドバーの「スキン切り替え」から「ダークエンジ」、「ダークルリ」、「ダークカモノハ」を選択してください。このサイトのヘッダーはグラデーションされていますが、スキンを適用してもグラデーショ

背景が黒のダークな雰囲気のスキン
赤系,青系,緑系の3色
都市伝説系、オカルト、占いサイトなどに

ダークエンジ

えんじ色がキーカラーのダークスキン。

ダークルリ

るり色がキーカラーのダークスキン

ダークカモノハ

鴨の羽色がキーカラーのダークスキン

ミックスシリーズ

Cocoonスキン『ミックススキン』の特徴

以前からやろうと思っていた、ミックスシリーズ（ミックスグリーン、ミックスブルー、ミックスレッド）のアップデートがようやくできました！ミックスシリーズの特徴を書いてみます。サイドバーの上に「スキン切り替え」プルダウンを用意したので、それぞれの

緑、青、赤の３種類
標準から大きく変更したところはないので、色の好みで選べる
見出しや引用が特徴的

ミックスグリーン

ミックスブルー

ミックスレッド

サムライブルー

2018FIFAワールドカップ Cocoonの日本代表サムライブルースキン

いよいよ、2018年のFIFAワールドカップが始まりました。各国のトッププレイヤーの試合が楽しめるサッカー好きには待ちに待ったイベント。はっきりいって、オリンピックなんかよりワールドカップの方が盛り上がるようです。大会直前での監督解任など、

サッカー日本代表をモチーフにしたスキン
サムライブルーをふんだんに使ったちょっと派手めのスキン

サムライブルー（勝色）

サムライブルー（無印）

Velnui Simplogシリーズ

豊富なカラーバリエーションのシンプルなスキン「Veilnui Simplog」を10種類追加＋α

Cocoonのシンプルスキン「Veilnui Simplog」の紹介。

カラーバリエーションが豊富
シンプルなスキン

種類がたくさんあるため、次の操作をしないとCocoon設定のスキンで全部見られないのでご注意ください。

Cocoon設定のスキン表示を制御するカスタマイズ方法

Cocoonに同梱されている隠れスキンを表示させる方法。任意のスキンを非表示にする方法。

Velnui Simplog(amber)

Velnui Simplog(blue)

Velnui Simplog(brown)

Velnui Simplog(deep purple)

Velnui Simplog(green)

Velnui Simplog(indigo)

Velnui Simplog(orange)

Velnui Simplog(pink)

Velnui Simplog(red)

Velnui Simplog(teal)

Momoonシリーズ

cocoonのスキン「Momoon」を作りました

デザインっていうのは人それぞれ趣向が違うと思うけど、ぼく色でスキンを作ってみました。個人的に空白とか隙間とか、デフォルトだと気になるところがあったので。というか、デフォルトスキンはあえてデザインしやすいようにシンプルになっているんだと思いま

画像や見出しに影をつけて強調
デフォルトデザインを可能な限り活かしている
キーカラーには淡い色が似合う

Momoon（アクア）

Momoon（グリーン）

Momoon（オレンジ）

Momoon（ピンク）

Momoon（パープル）

tecurioシリーズ

WordPressテーマ『Cocoon』のスキン『tecurio』を作りました！

僕が好きで愛用させてもらっているワードプレステーマの１つに『Cocoon』があります。そして今回、Cocoon好きが高じてスキンを自作してしまいました。はじめは完全に自分用に作っていたのですが、グラデーション選びの楽しさにハマり、自分がほぼ

グラデーションが美しい
自然や果物をイメージした9種類

tecurio earth

tecurio grape

tecurio lime

tecurio mango

tecurio moon

tecurio peach

tecurio sky

tecurio soil

tecurio sunset

Season シリーズ

Cocoonスキン「Season(シーズン)」を作りました！【WordPress】

WordPressテーマCocoonのスキン「Season(シーズン)」を作りました！春夏秋冬の4種類の配色に分けられたスキンになっています。オリジナルのスタイルも20種類以上！既存のスタイルも大幅チェンジ！優しい雰囲気のデザインにしてみました。

春夏秋冬の季節を感じさせる4種類の配色
やさしさを感じられるデザイン
20種類以上のオリジナルのスタイル

Spring

Summer

Autumn

Winter

COLORSシリーズ

Cocoonを少しリッチな見た目に「COLORS」スキン6種作成

サイトに合わせた色を選べるスキンを6色分作成しました。

デフォルトのデザインよりも少しリッチな装飾
戦隊ヒーローものの、レンジャー色分け
当ブログはCOLORSのグリーンを使用

レッド

ブルー

イエロー

グリーン

ピンク

ブラック

Like Simplisity

Simplicityのようなスキン「Like Simplicity」を作成しました

SimplicityっぽいCocoonスキンの紹介。

WordPressテーマSimplicityのようなスキン
全体的に白っぽくシンプルなデザイン

モダンブラック

WordPressテーマCocoonの黒系スキン「モダンブラック」を作りました

気軽にブログの着せ替えができるCocoonのスキン機能。シンプルなデザインを活かしつつ落ち着いた感じのスキンを作ってみました。

ブラック、グレー、ホワイトを基本としたモノクロスキン
シックな雰囲気にできる

Fuwari和色シリーズ

WordPressテーマCocoonのデザインスキン「Fuwari和色」を作りました

和色をベースにした主張しすぎないシンプルなWordPressテーマCocoonのスキンを作りました。

和色をベースにふわりと色が付いたスキン
主張しすぎないシンプルさ
アイコンボックスのデザインがかわいい

Fuwari-御召茶（おめしちゃ）-

Fuwari-海松茶（みるちゃ）-

Fuwari-海老茶（えびちゃ）-

Fuwari-褐色（かちいろ）-

Bizarre-foodシリーズ

【Cocoonスキン】変な食べ物　|　サイナビ

…

変な食べ物をコンセプトにした5色展開
シャドウを付けたセミフラットなデザイン

グリーンソバ

ピンクワイン

ブラックバーガー

ブルーカレー

ホワイトラーメン

旅カメラ

旅ブログ専用Cocoonテーマスキン『旅カメラ』出来ました。

無料WordPressテーマ Cocoonのスキン『旅カメラ』を作りました。コンセプトは、旅行写真。旅行ブログをもっと楽しくワクワクさせたい！と思って作りました。▼ 旅カメラデモサイト▼ これまで作ったスキン旅カメラの...

旅行写真がコンセプト
旅ブログ用
写真が目立つような仕様

おでかけシリーズ

Cocoonスキンを作成しました。

CocoonとはCocoonはSimplicityの作者であるわいひらさんがSimplicityの後継テーマとして作成されてWordPress無料テーマで、「このクオリティが無料なら有料テーマ売れなくなる」という声が出るほど超高性能テーマで

ファッション系のかわいいデザイン
ピンク、ブルー、レモンの３色
春のおでかけがコンセプト

おでかけピンク

おでかけブルー

おでかけレモン

いつものシリーズ

Cocoonスキンを作成しました。

深海、ローズ、コーヒーをコンセプトにしたメリハリあるデザイン

いつものコーヒー

いつものローズ

いつもの深海

m-シリーズ

新テーマ「Cocoon」のスキン「m-sora」を作ってみました。

まりんこんばんは。marine です。Wordpress 用のテーマ「Simplicity」の作者であるわいひら様が作成された新しいテーマ「Cocoon」ですが、早速導入して試しています。最初は、「Simplicity」のスキンが使えな

テーマ「Cocoon」のスキン「m-tomato」を作りました。

Wordpressのテーマ「Cocoon」は素晴らしいまりんわいひら様が作成された新しい Wordpress 用テーマの「Cocoon」は、とても素晴らしい出来映えで、私も大のお気に入りです。特に、以前のテーマ「Simplicity」にも

背景が牧歌的な空のスキン m-sora
ベジタブルな気分のスキン m-tomato

m-sora

m-tomato

Hyjiene

Cocoon用のスキン【Hygiene】を作成しました！ | ハイジブログ

現在はCocoonではなく「SWELL」というテーマを使っています。デザインはシンプル美でありながら高機能なオススメのテーマです。 Cocoonからの移行をサポートするプラグインもあるのでこの機会にSWELLを検討してみてはいかがでしょうか。 SWELLを半年使用してのレビューを書いてみましたので興味のある方はご覧く

青系とピンク系を基調としたグラデーションが特徴

ドットシリーズ

WordPressテーマ「Cocoon」スキン｜ドットな「ワインレッド」と「レイニーブルー」を作りました

四月くらいからWordPressテーマを「Cocoon」へ変更させていただいています。自身のページのスキン作成に取り掛かりましたが、一緒にDLできるスキンも考えました。

背景のドット柄が特徴
赤が基調のワインレッド
青が基調のレイニーブルー

ドット・ワインレッド

ドット・レイニーブルー

ほんわかライトニング

Cocoon スキン「ほんわかライトニング」を公開します

WordPressに移行して早4年経ち、当初よく分からず使っていた無料テーマ”STINGER5”（実際はSTINGER3から始めた）も流石に古く感じられてきたので、今回思い切って、新しいテーマ「Cocoon」に移行しました。この無料テーマ「

背景画像でほんわか雰囲気が出てます

Metal Styles

1カラムのシンプルスキン「Metal Styles」を同梱追加

文章メインのサイト向けのシンプルな「Metal Styles」スキンの紹介です。1カラムスキンなのでサイドバーは表示されません。

シンプルな１カラムスキン

Cocoonスキンでカスタマイズなしでもおしゃれに決まる

本記事では、Cocoonスキン一覧まとめ！カスタマイズなしでもおしゃれに決まる

ということで、Cocoonのスキンをざっくり全種類見てきました。

高機能のものからシンプルなものまで非常にたくさんのスキンが用意されていますね。

あなたのお気に入りはみつかりましたか？

スキンは手軽に着せ替えできるのがいいところです。あまり重要に考えず、気になったものがあったらチョイっと設定してみましょう。

スキン作者様に感謝して本記事を終わりにしたいと思います。

Cocoon関連記事

本記事以外にもCocoonに関する記事を書いています。そちらもどうぞご覧になってください。