Cocoonのスキンを一覧で紹介｜変更でおしゃれなデザインに簡単設定

Cocoonのスキンってなに？
どんなデザインになるの？

こんな悩みを解決していきます。

こんにちは、はやとです。

Cocoonはデザインがイマイチと言われることがよくありますが、実は「スキン」を使えば、簡単にデザインをオシャレにすることができます。

CSSなどの知識がなくても、好きなデザインをポチッとすれば変更できてしまうので、初心者の方にもおすすめです。

しかも、スキンの種類は目移りしてしまうほど豊富にあるので、Cocoonユーザーはたくさんいますがオリジナリティのあるサイトを作成することだって可能です。

そこで今回は、Cocoonのスキンの設定方法を解説していきます。

Cocoonのスキンとは？

スキンとは、ブログの外観を着せ替えることができる機能です。

ブログの外観のアレンジには、本来ならCSSなどの知識が必要です。

しかし、スキンを使うことで、簡単に外観を変更することができます！

たくさんの種類のスキンが用意されているので、ブログに合ったスキンを設定してみてください！

Cocoonのスキンのデザイン一覧

Cocoonで仕様できるスキンのデザインを紹介します。

[Child]和

製作者：綾糸さん

いずれのデザインも落ち着いた和風な色が使われていて、柔らかい雰囲気となっています。

色のバリエーションは以下の6種類があります。

→スキンの紹介ページはこちら

ダークスキン

製作者：y.hiroakiさん

黒を基調としたスタイリッシュなデザインになっています。黒背景のスキンはなかなか無いので、とても役に立ちますね。

色のバリエーションは以下の3種類です。

→スキンの紹介ページはこちら

ミックススキン

製作者：y.hiroakiさん

色鉛筆のような柔らかい色のシンプルなスキンです。

色のバリエーションは以下の3種類です。

→スキンの紹介ページはこちら

サムライブルー

製作者：y.hiroakiさん

2種類ありますが、特に勝ち色の方は、まさにサッカー日本代表を想起させます。

色のバリエーションは以下の2種類です。

→スキンの紹介ページはこちら

Veilnui simplog

製作者：veilnuiさん

どの色もはっきりしていて、シンプルかつ印象に残りやすいスキンです。

色のバリエーションは以下の17種類です。

→スキンの紹介ページはこちら

Momoon

製作者：タイジーWPさん

淡い色が特徴で、どの色を使っても可愛らしいと思います。

色のバリエーションは以下の5種類です。

→スキンの紹介ページはこちら

tecurio

製作者：風塵(ふーじん)さん

グラデーションと、濃い色が特徴的で、スマートな印象があります。

色のバリエーションは以下の9種類です。

→スキンの紹介ページはこちら

Season

製作者：ぽんひろさん

自然で優しい色が使われています。

四季をイメージしたおしゃれなデザインになっています。

色のバリエーションは以下の4種類です。

→スキンの紹介ページはこちら

COLORS

製作者：わいひらさん

背景色の変化が特徴です。

色の主張が少ないので、さりげなく雰囲気を付け足すのに適しています。

色のバリエーションは以下の6種類です。

→スキンの紹介ページはこちら

Like Simplicity

製作者：わいひらさん

Cocoonの前身ツールSimplicityのようなデザインです。

→スキンの紹介ページはこちら

モダンブラック

製作者：アオイさん

黒、白、グレーを使ったシンプルでおしゃれなスキンです。

→スキンの紹介ページはこちら

Fuwari和色(御召茶、海松茶、海老茶、褐色)

製作者：アオイさん

淡く落ち着いた、和風な色味が特徴です。

背景色や文字色が変化します。

色のバリエーションは以下の4種類です。

→スキンの紹介ページはこちら

Bizarre-food

製作者：takasakiさん

鮮やかな色とスマートな見出しが特徴のスキンです。

色のバリエーションは以下の5種類です。

→スキンのデモページはこちら

旅カメラ

製作者：がんちゃんさん

旅行写真などが映えるようにデザインされたシンプルなスキンです。

写真をメインとするブログに適しています。

→デモページはこちら

おでかけ

製作者：がんちゃんさん

パステルカラーと白の組み合わせが可愛いスキンです。

色のバリエーションは以下の3種類です。

→スキンのデモページはこちら

いつもの

製作者：がんちゃんさん

落ち着いた濃い色が見出し等に使われています。

派手すぎず、メリハリのある仕上がりになります。

色のバリエーションは以下の3種類です。

→スキンの紹介ページはこちら

m-sora

製作者：marineさん

背景が空と草木の水彩画になります。

他のスキンとは一味違うスキンです。

→スキンの紹介ページはこちら

m-tomato

製作者：marineさん

背景がミニトマトがメインの野菜の写真になります。

ハツラツとした印象を受けます。

→スキンの紹介ページはこちら

Hygiene

製作者：ハイジさん

青紫とピンクのグラデーションが可愛いスキンです。

→スキンのデモページはこちら

ドット・ワインレッド/レイニーブルー

製作者：をまつさん

背景がシックな色のおしゃれなドット模様になります。

色のバリエーションは以下の2種類です。

→スキンの紹介ページはこちら

ほんわかライトニング

製作者：ライトニングさん

子供部屋のような背景と色使いが特徴のスキンです。

→スキンの紹介ページはこちら

Metal Styles

製作者：まとめたるさん

とてもシンプルなスキンです。

→スキンの紹介ページはこちら

Cocoonスキンの設定・変更方法

次に、スキンの設定・変更方法について説明します。

スキンは以下の手順で設定することができます。

①Cocoon設定ページを開き、スキンを選択する。

Cocoon設定⇨スキンから設定出来ます。

②スキン一覧で各スキンのデザインを確認する。

下にスクロールしていくと、スキン一覧が出てくるので、そこから選択してください。

スキン名横のイメージにカーソルを当てると、サンプル画面が出てきます。

③気に入ったスキンの左側の丸印にチェックを入れる。

気に入ったスキンが見つかったら、各スキン名の左側にある丸印をクリックして選択してください。

④変更をまとめて保存をクリックする。

最後に一番下にある、変更をまとめて保存をクリックしてください。

以上でスキンの設定は完了です。

まとめ

今回は、Cocoonのデザインを変更することができる「スキン」について解説しました。

Cocoonは人気の無料テーマであることもあり、スキンの種類もたくさんあります。

基本デザインに加えて、カラーバリエーションも豊富なので、自分オリジナルのデザインを作ることもできます。

変更方法もCocoon設定から簡単にできるので、色々と試して、お好きなデザインを見つけてください。