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

Cocoonスキン一覧Cocoon

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

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

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

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

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

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

WordPressテーマCocoonのスキン一覧

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

Natural(ナチュラル)

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

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

モノクロ

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

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

凹凸(でこぼこ)

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

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

イノセンス

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

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

アリスシリーズ

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

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

アリス

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

アリス

チェシャ猫

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

チェシャ猫

白ウサギ

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

白ウサギ

SILK(シルク)

SILK(シルク)

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

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

みるらいと

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

Simpleシリーズ

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

Simple Blue(シンプルブルー)

Simple Blue(シンプルブルー)

Simple Green(シンプルグリーン)

Simple Green(シンプルグリーン)

Simple Navy(シンプルネイビー)

Simple Navy(シンプルネイビー)

Simple Pink(シンプルピンク)

Simple Pink(シンプルピンク)

Simple Red(シンプルレッド)

Simple Red(シンプルレッド)

カラフルライン

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

ダークスキンシリーズ

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

ダークエンジ

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

ダークエンジ

ダークルリ

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

ダークルリ

ダークカモノハ

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

ダークカモノハ

ミックスシリーズ

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

ミックスグリーン

ミックスグリーン

ミックスブルー

ミックスブルー

ミックスレッド

ミックスレッド

サムライブルー

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

サムライブルー(勝色)

サムライブルー(勝色)

サムライブルー(無印)

サムライブルー(無印)

Velnui Simplogシリーズ

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

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

Velnui Simplog(amber)

Velnui Simplog(amber)

Velnui Simplog(blue)

Velnui Simplog(blue)

Velnui Simplog(brown)

Velnui Simplog(brown)

Velnui Simplog(deep purple)

Velnui Simplog(deep purple)

Velnui Simplog(green)

Velnui Simplog(green)

Velnui Simplog(indigo)

Velnui Simplog(indigo)

Velnui Simplog(orange)

Velnui Simplog(orange)

Velnui Simplog(pink)

Velnui Simplog(pink)

Velnui Simplog(red)

Velnui Simplog(red)

Velnui Simplog(teal)

Velnui Simplog(teal)

Momoonシリーズ

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

Momoon(アクア)

Momoon(アクア)

Momoon(グリーン)

Momoon(グリーン)

Momoon(オレンジ)

Momoon(オレンジ)

Momoon(ピンク)

Momoon(ピンク)

Momoon(パープル)

Momoon(パープル)

tecurioシリーズ

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

tecurio earth

tecurio earth

tecurio grape

tecurio grape

tecurio lime

tecurio lime

tecurio mango

tecurio mango

tecurio moon

tecurio moon

tecurio peach

tecurio peach

tecurio sky

tecurio sky

tecurio soil

tecurio soil

tecurio sunset

tecurio sunset

Season シリーズ

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

Spring

Spring

Summer

Summer

Autumn

Autumn

Winter

Winter

COLORSシリーズ

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

レッド

レッド

ブルー

ブルー

イエロー

イエロー

グリーン

グリーン

ピンク

ピンク

ブラック

ブラック

Like Simplisity

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

モダンブラック

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

Fuwari和色シリーズ

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

Fuwari-御召茶(おめしちゃ)-

Fuwari-御召茶(おめしちゃ)-

Fuwari-海松茶(みるちゃ)-

Fuwari-海松茶(みるちゃ)-

Fuwari-海老茶(えびちゃ)-

Fuwari-海老茶(えびちゃ)-

Fuwari-褐色(かちいろ)-

Fuwari-褐色(かちいろ)-

Bizarre-foodシリーズ

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

グリーンソバ

グリーンソバ

ピンクワイン

ピンクワイン

ブラックバーガー

ブラックバーガー

ブルーカレー

ブルーカレー

ホワイトラーメン

ホワイトラーメン

旅カメラ

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

おでかけシリーズ

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

おでかけピンク

おでかけピンク

おでかけブルー

おでかけブルー

おでかけレモン

おでかけレモン

いつものシリーズ

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

いつものコーヒー

いつものコーヒー

いつものローズ

いつものローズ

いつもの深海

いつもの深海

m-シリーズ

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

m-sora

m-sora

m-tomato

m-tomato

Hyjiene

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

ドットシリーズ

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

ドット・ワインレッド

ドット・ワインレッド

ドット・レイニーブルー

ドット・レイニーブルー

ほんわかライトニング

ほんわかライトニング
  • 背景画像でほんわか雰囲気が出てます

Metal Styles

Metal Styles
  • シンプルな1カラムスキン

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

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

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

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

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

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

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

Cocoon関連記事

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

Cocoon歴1ヶ月くらいの人向け

【Cocoon】ブログをツイッターと連携する具体的な手順
【Cocoon】ボタンの使い方が余裕でわかるようになる【ブロックエディタ】
【Cocoon】スライドショーを設定する方法まとめ
【Cocoon】アイキャッチ画像サイズを統一して揃える設定方法
【Cocoon】アフィリエイト広告の貼り方を始めから丁寧に【解説】
【Cocoon】アドセンス広告の貼り方を始めから丁寧に【解説】
Cocoonスキン一覧まとめ!カスタマイズなしでもおしゃれに決まる
【Cocoonスキン】おすすめ4選!とにかくブログをいい感じにしたい
【Cocoon】固定ページを一覧表示させる方法【ヘッダー/フッターほか】
【Cocoon】記事の書き方!投稿画面の使い方を画像たっぷり丁寧に解説【初心者向け】
【Cocoon】パンくずリストを投稿/カテゴリー/固定の各ページに設置する方法
Cocoonブロック一覧!全機能まとめ【初心者向け】
【Cocoon】お問い合わせフォームの設置方法を初心者向けに画像たっぷりで説明する
【Cocoon】目次が表示されない⁉作り方完全解説
【Cocoon】投稿画面ツールバー機能一覧|文字色・ルビほか【初心者向け】
【Cocoon】サイドバーの基本的な使い方【初心者向け】
【Cocoon】吹き出しの基本的な使い方/右に変更など【初心者向け】

Cocoon歴半年くらいの人向け

【Cocoon】おすすめカードでトップページ等をカスタマイズしよう!
【Cocoon】ショートコードの使い方!便利さをマジで知ってもらいたい
【Cocoon】Twitter(ツイッター)埋め込みは秒でできる
【Cocoon】テーブル/表を作成する方法を丁寧に解説(ブロックエディタ)
【Cocoon】行間と段落の間隔を調整する方法【初心者向け】細部にこだわろう
【Cocoon】トップページがボタン1つでサイト型にできるようになった【衝撃】
【Cocoon】カスタマイズまとめ!初心者でもわかりやすく解説
【Cocoon】リスト(箇条書き)をボックスに入れる超簡単な方法【カスタマイズ不要】
【Cocoon】ブログカードの基本的な使い方【初心者向け】
【Cocoon】サイドバーで目次をスクロール追従させる方法【初心者向け】

Cocoon歴がもっと長い人向け

【Cocoon】サイドバーカスタマイズ!カテゴリーのボックスメニューは意外と難しくない
【Cocoon】ブログカードカスタマイズ「続きを読む」を入れる/タイトルのみにする!
【Cocoon】目次カスタマイズ‼見やすくシンプルおしゃれにしよう【CSSコピペでOK】
【Cocoon】スマホ表示簡単カスタマイズ‼ハンバーガーメニューを固定追従させる

コメント