Cocoonを使ったおしゃれなブログデザイン11選!カスタマイズで可能!

blog
記事内に商品プロモーションを含む場合があります

WordPressの無料テーマ「Cocoon」を使いたいけれど、おしゃれなブログにできる?

こんにちは、タズキ(@tazukiblog)です。

当記事では、こんな質問にお応えすべく、Cocoonを使ったブログでおしゃれなものを探してみました。

 

選んだ判断基準は僕自身が勝手に

「カスタマイズでここまでおしゃれにできるの?!おしゃれ!」

と感動したもので、さらに読みやすいものを集めています。

  • デザインの不安からCocoonを使うか迷っている方
  • Cocoonを使用中でどんなデザインのサイトにしようか悩んでいる方

ぜひ参考にしてください!

SEO的にはサイトスピードも重要ですが、今回特に調査はしていません。ページを開いて遅いと感じるサイトは1つもありませんでした。
スポンサーリンク

Cocoonを使ったオシャレなブログデザイン11選!

おしゃれ、かつ読みやすいと思ったCocoonのサイトを以下4つのジャンルに分けてご紹介します!

  • シンプルにおしゃれ!
  • かっこよくおしゃれ!
  • かわいくおしゃれ!
  • オリジナリティすごい!

≪注意≫

おしゃれなブログを発見したからといって、ソースを丸ごとコピーして使用するのは権利侵害にあたります。

ご本人が「ここはコピーしてOK」というところ以外をコピーして使用してはいけません

≪参考≫ものぐさWEBノートさん
ソースコードを丸ごとパクられてしまった時の対処の記録

Cocoonでシンプルにおしゃれなブログデザイン!

シンプルだけど、統一感あって洗練されていておしゃれ!

ものぐさWEBノート

ものぐさWEBノートさんは、シンプルだけど温かみもあり、とても見やすいです!

カスタマイズ用の記事もあるので参考にしてみてください!

ものぐさWEBノート

さらば、思うだけ

「さらば、思うだけ」のyokoさんはイラストレーター。

アイキャッチもシンプルに統一されていておしゃれです!

黒を基調に黄色がポイントとして入っていて見やすく、色使いもお手本になります。

さらば、思うだけ

 

たなかま.jp

たなかまさんのサイトは、ザ・シンプル!

記事の配置や文字の間隔などとても見やすいです。

デザインもダウンロード可能なので、気に入った方はぜひ!

たなかま.jpへ

Cocoonでかっこよくおしゃれなブログデザイン!

ここでは、かっこよくおしゃれなブログデザインを紹介します!

かっこいいサイトはシンプルで黒や紺基調なサイトが多かったです。

※シンプルでおしゃれなデザインのサイト型を集めた感じになりました。

KAMOKU BLOG

KAMOKU BLOGさんは、紺を基調にシンプルにしつつ、ところどころで使われるカラーが目立ちます。

Cocoonのスキンを利用されていますが、ボックスやボタンなどカスタマイズされていてかっこいいです!

KAMOKU BLOGへ

 

ガジェコロ

ガジェコロさんは、グレーの濃淡を変えて使うことで一体感とシンプルなカッコよさが出ています。

サイト構成もわかりやすく、見たい記事に行きやすいです。

ガジェコロへ

Cocoonでかわいくおしゃれなブログデザイン!

ここでは、

  • オリジナルのイラストや写真がふんだん
  • やさしいカラーで統一
  • 見出しや目次、ボックスなどのデザインが可愛い

こんな感じでサイト全体のデザインが可愛いサイトをご紹介します。

 

ぽんひろ.com

ぽんひろさんは、Cocoonでスキン「Season」も作られています。

動物やイラストなどをブログ記事のアイキャッチにたくさん使用され、とてもかわいいので全体的にかわいくオシャレです!

オレンジをキーカラーに見出しやボックスも統一感ありますね。

Cocoonのおしゃれなカスタマイズについてもたくさん記事にしてくれていますので、カスタマイズを考えている人はぜひ参考にしてみましょう!

スキンとは、テーマCocoon使用者がワンクリックでできる着せ替えデザイン!

ぽんひろ.comへ

 

あかえほ

あかえほさんは、赤ちゃんのえほんを紹介するサイトです。

えほんの他にも、子育てや旅行、イラスト、サイト作成についても記事に書かれています。

無料で読めるWEB図書館を用意されていたり、サイト内のページがとても見やすくわかりやすい!

edmayu*cafe

バリスタ&イラストレーターのえどまゆさん。

イラストレーターだけあって、オリジナルイラストがたくさん使われていてとにかくかわいい!

レシピ系の記事も写真がたくさんありブログの雰囲気とあっていますね。

おしゃれなブログデザインには、サイト構成だけでなくアイキャッチもとても重要だとわからせてくれます!

Cocoonでオリジナリティすごいブログデザイン!

ここでは、シンプル・かっこよく・かわいく、どれにあてはめていいのか難しいけれど、とにかくオリジナリティがすごくオシャレなサイトをご紹介します。

全てブログの枠を飛び越えています。

ホームページクエスト

WordPressをゲーム攻略のように解説してくれるサイトです。

完全に独自の世界観を作りあげられていますね。

これから記事が増えていくのが楽しみです。

これがテーマCocoonを使って作られているなんてすごすぎる!

ホームページクエストへ

 

ブクサカ

サッカー専門のブックメーカー情報サイトのブクサカ!

ブログの枠を飛び越えていますが実はテーマCocoon。

こんな風にカスタマイズすることも可能だとは、おそるべし。

ブクサカへ

Yogeek(ヨギーク)

Yogeekはヨガとピラティス、健康のサイト!

サイトトップには、地図からヨガスタジオを探せたり、カテゴリ―別のページが見やいです。

フォントもヨガに合っていますね!

Yogeek(ヨギーク)へ

✔ブクサカ、✔Yogeekともに、かわいいで紹介させていただいた、ぽんひろさんの「カスタマイズ依頼ページ」よりご紹介させていただきました。
オリジナルのサイトデザインにするには、ぽんひろさんに依頼も考えてみてもよいかも!
スポンサーリンク

Cocoonを使ったおしゃれなブログデザイン11選!カスタマイズで可能!

テーマCocoon使用でトップページ・記事のおしゃれさと読みやすい11このサイトを選ばさせていただきました!

今後、他にもCocoonのブログデザインでオシャレなモノを見つけたら追加していきます。

 

Cocoonは無料テーマなうえ、先日ダウンロード数も50万を超えました。

簡単にブログデザインを着せ替えられるスキンもたくさん用意されていますし、テーマ自体シンプルでおしゃれです。

しかし、他のブログとデザインがかぶらないようにするには、カスタマイズするしかありません

カスタマイズは、HTMLやCSS、Javascriptなどの知識がないと難しいです。

けれど、勉強してできるようになると自分の思い通りのブログデザインにすることができます。

ぜひみなさんのサイトを参考に挑戦してみてください!

※カスタマイズするときはサイトスピードも考えておこないましょう。

Tazuki Blogもおしゃれなブログ目指して頑張ります!

 

無料テーマCocoonを使うか迷っている方はこちらも参考にしてください!

コメント

  1. このまとめ参考になり、とても分かりやすくてありがたいです!
    ありがとうございました!

  2. Ye Zhetai より:

    はじめまして、お世話になります。

    tazukiさんのcocoonのブログがとてもシンプルで素敵なので参考にさせて頂きたく思っています。
    差し支えなければ、どのスキンを使っているのかなど教えて頂けるとありがたいです。
    よろしくお願い致します。

    • tazuki より:

      はじめまして!ありがとうございます☺
      スキンは[child]スキンテンプレートであれこれカスタマイズしてます!

タイトルとURLをコピーしました