【Cocoonスキン】おすすめ4選!とにかくブログをいい感じにしたい

CocoonおすすめスキンCocoon

本記事では、WordPressテーマCocoonを使用している方へ向けて、おすすめのスキンを4つ紹介していきます。

Cocoonのスキンはテーマに同梱どうこんされているものだけでも数十種類あって、何を選んだらいいのか悩みますよね。

私がブログを始めたときはこんなに種類は多くなかったんですが、それでも悩みましたからね。

あなたのお気に入りのスキンを見つける助けになれればと思います

それでは、スキンの概要や設定方法など基本情報をおさらいしてからおすすめスキンを見ていくことにしましょう。

▼Cocoonスキンのおさらい▼

スキン機能は”洋服を着替える感覚でサイトの外観を変更できるように”という目的で作られたデザイン変更機能です。

これにより、カスタマイズがよくわからない人やブログデザインに飽きてしまった時も簡単にデザインを変更ができるようになりました。

Cocoon設定スキンから好きなスキンを選んで変更を保存するだけでスキンの変更が完了します。

スキンの一覧まとめを確認したいという方は下のリンクからどうぞ

Cocoonおすすめスキン4選

それでは数十個あるスキンのうちから次の4つをおすすめとして紹介していきます。

  • イノセンス
  • SILK
  • Fuwari和色
  • COLORS

では具体的にどんなスキンなのか見ていきましょう。

イノセンス

▼当ブログイノセンス利用状況▼
スキン名イノセンス
作者おはようぽてとさん
作者様
ページ
【Cocoon】スキン「イノセンス」
を作成しました!
おすすめ
ポイント
大人可愛い居心地のいいスキン
好きな
デザイン
目次
H3見出し
シェアボタン

イノセンスは全体的に落ち着いた色を使用しており、いいかんじに知的な雰囲気を出してくれます。

▼見出しデザイン▼
▼H3が好きです▼
▼みやすい目次▼
▼丸いシェアボタン▼

背景がタイルみたいになっていたりとほかにもチェックポイントがたくさんあります

ぜひあなたのブログでも試してみて、細部までデザインされたイノセンスを体感してみてください。

SILK(シルク)

▼当ブログシルク利用状況▼
スキン名SILK(シルク)
作者ろこさん
作者様
ページ
WordPressテーマ「Cocoon」
のカスタマイズとスキンの作り方
おすすめ
ポイント
マテリアルデザイン
の視覚的効果を取り入れたスキン
好きな
デザイン
アイコンボックス

スキンの紹介ページを見ると、たくさんカスタマイズ方法がのっていますので、Cocoonに慣れればなれるほどより自分の満足するデザインに変えていけるスキンだと思います。

スキンを入れるだけでもとてもキレイなデザインなので初心者も安心して使うことができます。

ブログカードが非常に特徴的な形になるので、シルク使いだすとシルクしか無理ってなるかもしれませんね。

▼見出しデザイン▼
▼目次デザイン▼
▼ブログカードデザイン▼
縦型になりますね
▲アイコンボックスはとても好き▲

Fuwari和色

▼当ブログFuwari和色の御召茶適用中▼
スキン名Fuwari和色
作者アオイさん
作者様
ページ
WordPressテーマCocoonの
デザインスキン「Fuwari和色」を作りました
おすすめ
ポイント
海老茶えびちゃ海松茶みるちゃ御召茶おめしちゃ褐色かちいろの4色展開
和色ベースのふんわり雰囲気
好きな
デザイン
アイコンボックス

ミズタマブログより
▼見出しデザイン▼
▼アイコンボックスおしゃれ▼

主張しすぎないデザインでシンプルなスキンです。優しい雰囲気のブログに合うと思います。

COLORS

▼当ブログのデザイン▼
スキン名COLORS
作者わいひらさん
作者様
ページ
Cocoonを少しリッチな見た目に
「COLORS」スキン6種作成
おすすめ
ポイント
赤・青・黄・緑・桃・黒
のシンプル6色展開
好きな
デザイン
自分の感性にあった色
▼見出しデザインは見やすさ重視▼

僕が使っているスキンですね。2019年ブログを始めた当時にあったスキンの中で、ごちゃごちゃしていなくてシンプルなデザインが良かったです。

そしてなんとなく緑がいいかなって思ってこのスキンを使い始めました。

サイトキーカラーの色変更は結構重要

ちょっとここでスキンの紹介とは別になりますがCocoonブログの色で個人的に大事だなってところを書いておきます。

Cocoon設定全体のところにあるサイトキーカラーの設定

サイト全体のポイントとなる部分に適用される背景色を指定します

とありますので、いろいろな場所に影響してきます。例えば

  • 見出しの色
  • 表の色
  • 引用部分の色

などです。

統一感のあるブログにしたければ、スキンに使われている色を設定した方がいいと思いますし、個性的なブログにするならばあなたの好きな色を設定すべきです。

僕はスキンと同じ色を設定しているので、統一感のあるブログにできているのかなと思っています。

あなたもサイトキーカラーを設定していない場合は気に入ったスキンを入れたあと、いろいろな色で試してみると面白いですよ。

デモサイトはCocoon公式にて

気になったスキンの詳細デザインはCocoon公式にてスキン動作デモ機能を使うと簡単に確かめることができます。
公式>>Cocoon公式

▼Cocoon公式のサイドバーにスキン動作デモがある▼
▼スキンを選ぶと選んだスキンで表示される▼

スキンのデザインすみずみまで確認するならCocoon Blocks対応状況というページがおすすめです。ほぼすべてのブロックデザインを確認できます。

▼CocoonBlocks対応状況でスキンを確認してみよう▼

Cocoonのスキンで見た目をリッチにしよう

本記事では【Cocoonスキン】おすすめ4選!とにかくブログをいい感じにしたい

ということで、たくさんあるスキンのなかから僕のおすすめするスキン4種類を紹介してきました。

僕の場合はシンプルでふんわりな感じが好きなので、紹介したスキンはそっちにかたよっています。

  • もっとはっきりした色合いがいい
  • ダークな雰囲気を出したい
  • たくさん色を使いたい

など人の好みによって全然違ってくると思いますので、あなたの感性で好きなスキンを見つけてみてください。

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】スマホ表示簡単カスタマイズ‼ハンバーガーメニューを固定追従させる

コメント