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

Cocoonスキン一覧 Cocoon

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

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

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

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

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

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

WordPressテーマCocoonのスキン一覧

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

Simple-Darkmode(シンプルダークモード)

シンプルダークモード
  • ダークモードに対応したスキン
  • あなたのスマホがダークモードなら暗い表現に勝手になります
  • Cocoon設定→全体のキーカラーを変更するとメインの色が変わります

ダークモードに切り替わるのが新しいですよね

Natural(ナチュラル)

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

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

モノクロ

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

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

凸凹(でこぼこ)

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

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

イノセンス

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

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

アリスシリーズ

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

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

アリス

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

アリス

チェシャ猫

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

チェシャ猫

白ウサギ

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

白ウサギ
  • ユニコーン
  • ローズ
  • ビタミン

上記3つが後から追加されています。気になる方はCocoon設定→スキンで確認ください。

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の使い方の記事です。以下の点を参考書のように体系的にまとめているので、まずはここから読み始めるのをおすすめします。

  • WordPressの初期設定
  • Cocoonのダウンロードとインストール
  • Cocoonの初期設定
  • 記事の書き方
  • カテゴリー・タグ・固定ページの作成
  • 外観・デザインの整え方
  • 収益化

外観・デザインをカスタマイズ

特に本記事のようにブログの見た目をカスタマイズするのに使える記事は下記でまとめています。ブログをあなたらしくするためには必見です
あわせて読みたい【Cocoon】デザインを整える簡単おすすめカスタマイズまとめ

上記記事でまとめています

  • 吹き出し
  • フォント・文字サイズ
  • サイドバー
  • ファビコン(サイトアイコン)
  • ヘッダー
  • グローバルナビメニュー(ヘッダーメニュー)
  • Twitterシェア時に表示する画像の設定
  • 本文の幅・サイドバーの幅
  • トップページの表示形式
  • パンくずリスト
  • 行間と段落の間隔
  • 表(テーブル)
  • 目次
  • SNSシェアボタン・フォローボタン
  • Twitterの設置・連携
  • アイキャッチ画像
  • ブログカード
  • ヘッダー周りのアピール設定
  • フッター
  • モバイル(スマホ)表示メニュー
  • ボックスメニュー
  • 見出し
  • オリジナル画像の設定

コメント