当サイト使用のWPテーマ「SWELL」の評判口コミはこちら

Cocoonを使ったサイト&ブログ77事例│最強無料テーマのデザインを紹介

Cocoonを使ったサイト&ブログ│最強無料テーマのデザインを紹介
じゅんた

本記事はCocoonを使ったサイトやブログのデザインを紹介しています!

無料にも関わらず高機能で大人気なWordPressテーマ「Cocoon」

導入前にどのようなデザインができるのか確認したい」「デザインの参考に実際にCocoonを使ったサイトを見たい」という声は多いです。

そこで本記事ではWordPressテーマを専門にブログで情報発信している私がCocoonを使ったサイトやブログを集めました。

本記事を読むとCocoonを使ったサイト&ブログを「77事例」確認でき、デザインの参考にできます。

Cocoonのデザインが気になっている方は是非ご覧ください。

>>おしゃれなブログデザインの作り方や他のWordPressテーマのデザインはこちら♪

記事制作が簡単にデザインがおしゃれに!
最新のSEO対策に対応のWordPressテーマ

\9つの有料テーマを使っておすすめNo1/

リンク先

>>SWELLの評判&レビュー記事はこちら

当サイト集に掲載頂けるサイト様は継続して募集しています。
掲載希望の方はデザイン集応募フォームからご連絡ください。
また、この「サイト&ブログ集」をブログ等でご紹介頂けると嬉しいです!

クリックして読める「目次」

Cocoonを使ったサイト&ブログをご紹介

のじ日記
のじ日記

のじさん(@noji_diary

Cocoonを選んだ理由

cocoonでも有料テーマに負けないサイトを作りたい

かんたブログ
かんたブログ

つむ太郎さん(@tsumutaro_kanta

Cocoonを選んだ理由

無料テーマなのに超多機能、利用者が多い

スパイ潜伏活動中!
スパイ潜伏活動中!

たんじ こうさん(@7agA3JfTiyCX6O5

Cocoonを選んだ理由

ブログの作り方のyoutube動画で勧められていたから。

Tack Blog
Tack Blog

タックさん(@tack_planner

Cocoonを選んだ理由

有料テーマはどれがよいかわからなかったことと、無料なのにデザインもよく、サポートもあるので選びました♪

kenchico生活力
kenchico生活力

kenchicoさん(@kenchico8

Cocoonを選んだ理由

ヒトデさんのブログをみてブログを始めたので、無料でもすごく良いと評判のCocoonからまず始めました!

かりしゃちブログ
かりしゃちブログ

しゃちさん(@blogvlog5

Cocoonを選んだ理由

ブログ初心者が使いやすく、汎用性が高いということで使い始めてからずっと使っています。

おうち映画館
おうち映画館

もぐさん(@studio_moguro

Cocoonを選んだ理由

映画好きなので、はじめてみました

男性育休のトリセツ
男性育休のトリセツ

京大出ただけのパパさん(@datsutokio

Cocoonを選んだ理由

SEOに強いと聞いたからです

Presenuniv  読むプレゼン大学
Presenuniv | 読むプレゼン大学

takiさん(@presenuniv

Cocoonを選んだ理由

無料でかつデザインの自由度が高いため。

Cocoonを実際に使った感想

無料でも、上手くカスタマイズすればデザイン性が高いページを作れる。

いそらしらべ
いそらしらべ

いそらさん(@koto_isora

Cocoonを選んだ理由

無料で使いやすいとオススメされていたから

大人のやりなおし英語
大人のやりなおし英語

レモンさん(@remonyomimono

Cocoonを選んだ理由

ヒトデさんがYouTubeでおすすめしていたことと、無料だったから

うーなログ
うーなログ

うーなさん(@Una_blogxx

Cocoonを選んだ理由

無料で使えていろいろカスタマイズしやすく、困ったことがあってもサポートがあり参考にできる記事が多数あるため

#オンライン英会話のある生活
#オンライン英会話のある生活

凡人さん(@bonjineikaiwa

Cocoonを選んだ理由

無料テーマの中で最もおすすめだと色んなサイトで言われていたから。無料テーマの中ではトップクラスでカスタマイズ機能が充実しているから

イロドリノート
イロドリノート

ゆうさん(@y_h_202012

Cocoonを選んだ理由

はじめてのブログ運営で続けられるか不安があったので無料で評判のいいcocoonを選びました。 カスタマイズが楽しくて気に入っています!

ボクの空を探して
ボクの空を探して

咲月さん(@satuki_bokusora

Cocoonを選んだ理由

無料テーマの中でダントツで評価がよかったから。使っている人が多かったから。

ゆるピアノブログ
ゆるピアノブログ

Akiko Musicさん(@akikoroom

Cocoonを選んだ理由

情報が多いため、ブログ初心者でも疑問点を解決することができそうだったから。実際使ってみて使いやすく高機能で満足しています。 よろしくお願いします。

ズボラ暮らブ
ズボラ暮らブ

りいさん(@RiIndigo

Cocoonを選んだ理由

1.無料だから 2.使用している人が多く、わからないことを調べやすいから

しげきんのゴルフブロ
しげきんのゴルフブロ

しげきんさん(@shigekin017

Cocoonを選んだ理由

:無料なのに色々な種類を選ぶことができたためと、最初にブログ勉強したサイトで紹介されていたから

モンブログ
モンブログ

モンさん(@rhino_wood

Cocoonを選んだ理由

無料テーマにも関わらず有料テーマ級の性能だったから。また、使っている人が多く分からない事はすぐに解決出来る為。

じゃあどうする?研究室
じゃあどうする?研究室

ひろさん(@jadosuru22

Cocoonを選んだ理由

まずは初期投資を抑えたかったのと、無料テーマの中では評判もいい感じだったので。

アラフォーふく子さんの、婚活・ダイエット・副業の日々
アラフォーふく子さんの、婚活・ダイエット・副業の日々

長崎ふく子さん(@NagasakiFukuko

Cocoonを選んだ理由

無料なのに多機能。 使ってる人が多いので、わからないことは検索できる

ぱりとるブログ
ぱりとるブログ

ぱりとるさん(@paris_ttle

Cocoonを選んだ理由

さまざまなサイト、YouTubeでオススメされていたため

ロクファーブログ
ロクファーブログ

ロックさん(@rock_transfer

Cocoonを選んだ理由

無料だったのでブログ開設時に使い始めましたが、高機能のため使い続けています。

ちゃこまる。ブログ
ちゃこまる。ブログ

ちゃこまるさん(@chacomaru_baby

Cocoonを選んだ理由

全くの初心者なので無料テーマは有り難かった&わからない事を検索すると答えが見つかるため

いつか行ったらね!
いつか行ったらね

ポモ子さん(@itsukaittala81

Cocoonを選んだ理由

ブログ初心者でも使いやすく情報が多いと聞いて飛びつきました。

よっさんのホッと一息ブログ
よっさんのホッと一息ブログ

よっさん(@Yossan2020

Cocoonを選んだ理由

何も分からず始めたので、初心者に有料テーマは10年早い  と思ってcocoonにしました

SoyoLife
SoyoLife

そよさん(@Soyosoyo_lion

Cocoonを選んだ理由

無料でも多機能、熱心なファンが多くて有名だったから選びました。

マルの日常 米国株投資 〜vymを愛する犬〜
マルの日常 米国株投資 〜vymを愛する犬〜

マルの日常さん(@maruniti_vym

Cocoonを選んだ理由

ヒトデさんのYouTubeで紹介されてたので。

あろうブログ
あろうブログ

あろうさん(@arrow_sideFIRE

Cocoonを選んだ理由

初めてのブログで、無料テーマだったので即決しました。 とても高機能で満足しています

シンタローコード
シンタローコード

シンタローさん(@shintaro_code

Cocoonを選んだ理由

無料でかつ評判も良かったので、Cocoonを選びました。

公務員ってどうなの?
公務員ってどうなの?

こむぞうさん(@hcRK9JfKMnwhxDN

Cocoonを選んだ理由

かっこよくて無料で使えるため。

satoneko◆猫ブログ
satoneko◆猫ブログ

さとねこさん(@satoimo_neko

Cocoonを選んだ理由

最初は無料だったので選びましたが、使いやすいし機能も申し分ないので使用しています!

よむ、京大生。
よむ、京大生。

こーせいさん(@uk_s_o0

Cocoonを選んだ理由

無料でもクオリティ高い!

こーむ先生の自習室
こーむ先生の自習室

こーむ先生さん(@teacher___koom

Cocoonを選んだ理由

始めた当初、無料で十分かな、と思ったからです。カスタマイズも楽しそうだなと思い選びました。

アラフォーからのライフハック
アラフォーからのライフハック

くりけんさん(@kuriken999

Cocoonを選んだ理由

1)無料だったから  2)無料だが有料級のテーマだとおすすめされていたから

FIRE GAME &
FIRE GAME &

テンは毎日遊んで暮らしたいさん(@yuruchange

Cocoonを選んだ理由

無料なのにWordPressアプデにしっかりついてくる安心感が嬉しいです(以前使っていた無料テーマは開発者の都合で更新滞ったりしたので。テーマのサポート体制は気にするようになりました)

プロシロウトの生活
プロシロウトの生活

プロシロウトさん(@pronosirout

Cocoonを選んだ理由

多くの方が使っているので勉強しやすいため

まるめがねblog
まるめがねblog

まるめがねさん(@mrumarumegane

Cocoonを選んだ理由

無料のテーマであり、利用している人が多く、WEBに多くの情報があったため。

のち晴れブログ
のち晴れブログ

saboさん(@sabo_nochihare

Cocoonを選んだ理由

初ブログだったので使いやすさ・分かりやすさを重視。利用者が多く、不明点も調べればすぐ解決策が見つかるのも助かってます。2サイト目では有料テーマを使用するつもりです。

つぶりデザイン研究所
つぶりデザイン研究所

みりんさん(@tsubulabo__

Cocoonを選んだ理由

無料なのに有料級のクオリティであるため、またユーザーが多く困ったときも検索すればすぐに回答が得られるため。

はつまいブログ
はつまいブログ

はつまいさん(@_hatumai

Cocoonを選んだ理由

無料テーマなのに機能が充実していて、初心者向けにトラブルの対処法など情報が豊富なため選びました

コドモの力をのばしたい!
コドモの力をのばしたい!

ソラノにじこさん(@soranoniziko

Cocoonを選んだ理由

有料テーマは色々な意見があって迷うけれど、 無料テーマは誰もがcocoonを一番高く評価していたので決めました!

クマサンの穴ぐら
クマサンの穴ぐら

クマサンさん(@kumasann33

Cocoonを選んだ理由

無料にもかかわらず、評判が良くて使いやすいからです。

ネコサマライフ
ネコサマライフ

みーとさん(@3meetcat

Cocoonを選んだ理由

無料で多機能で評判がよかったから。

やりくり上手の参考書
やりくり上手の参考書

んぺさん(@npesan_0123

Cocoonを選んだ理由

無料でありながら、機能が豊富!スキンの着せ替えで、一瞬でブログの雰囲気を変更できる。

英語マイスター
英語マイスター

ジョバンニさん(@eigomeister

Cocoonを選んだ理由

無料で使いやすいとヒトデさんが紹介していたため。

社会人のオランダ研究留学
社会人のオランダ研究留学

いかたこさん(@qiantianguobu1

Cocoonを選んだ理由

無料なことと、使っている人が多くて情報が豊富なことにメリットを感じたから。

Cocoonを実際に使った感想

css, htmlが多少いじれれば、やりたいデザインはほとんど実現できるのが良い。cssをいじる時間がかかってしまうのと、いじりすぎると少し重たくなってしまうのがデメリット。

韓ドラLOVEふゆねブログ
韓ドラLOVEふゆねブログ

冬音さん(@fuyunecom

Cocoonを選んだ理由

無料テーマだけど有料級だと、オススメする人が多かった。 初心者でも扱いやすい! 公式サイトで質問等が出来るのでわからない事が調べやすいです。

ヤマノブログ 登山道具の選び方
ヤマノブログ 登山道具の選び方

ヤマノさん(@yamaloglist

Cocoonを選んだ理由

有料テーマも使用しましたが、cocoonはシンプルで使いやすく、カスタマイズしやすかったため。

LIFE WORK CAFE
LIFE WORK CAFE

NiSHさん(@ikumi01919723

Cocoonを選んだ理由

無料テーマの中でもっともSEOに強いと評判だったため。ブログを”辞めない”コツは費用をかけないことだと思っていたので、無料テーマの中で最高のものを選びました。

Cocoonを実際に使った感想

問題なく利用できています。装飾の多さや吹き出しの画像を変更できることで、コンテンツを賑やかにすることができます。ブログ全体のイメージを変更できる「スキン」機能では、有料テーマと相違ないレベルのデザインも増えており、十分に使えます。

としまらいふ
としまらいふ

としまらいふさん(@toshima_life

Cocoonを選んだ理由

無料なので使用するハードルが低かったことと、使いたい機能がほぼプラグイン不要で利用できること、無料テーマにも関わらず頻繁にアップデートがあること。

直感DEレビューブログ
直感DEレビューブログ

Gassyuさん(@gasshupapa

Cocoonを選んだ理由

無料で、且つ多くの方が使用されていたため。

とととんぐ
とととんぐ

あやさん(@tototongu

Cocoonを選んだ理由

無料テーマの中で利用者が多いものを選びました。困った時検索すると情報が豊富に出てきて初心者でも安心して利用できるのが魅力。

ブック部
ブック部

ぽんずさん(@ponzWEB345

Cocoonを選んだ理由

1)様々なサイトでオススメされていたから 2)ユーザーが多いと問題を解決しやすいから 3)デザインがかっこいいから

RyuBlog
RyuBlog

RyuBlogさん(@keioenglishstbl

Cocoonを選んだ理由

・シンプルなデザインが好きだった ・無料テーマの中では使いやすいテーマだなと感じたこと ・使っている人が多いのでweb上にカスタマイズの仕方が多く紹介されてること

ひろにの投資計画
ひろにの投資計画

ひろにさん(@hironi104tw

Cocoonを選んだ理由

無料テーマにも関わらず高機能、利用者が多く、わからないことがあっても直ぐに回答が得られるため。

ごんぎつの資産形成日記
ごんぎつの資産形成日記

ごんぎつさん(@gonfox21

Cocoonを選んだ理由

初心者向けにCocoonをおすすめしてる先輩ブロガーが多く、つまづいた時に参考にできる情報が充実してたので

結婚相談所アジマリ
結婚相談所アジマリ

アジマリさん(@konkatsuhack

Cocoonを選んだ理由

婚活ブログは弱小ドメインだとアクセスが非常に少ないです。でもCocoonだと毎日・毎週のPVがブログのメンテナンスのついでに確認しやすいので、モチベーションにつなげやすいです!

ゆでたまごらいふ
ゆでたまごらいふ

たまこさん(@tamako_2021

Cocoonを選んだ理由

稼げるようになるまではとりあえず無料のにしよう!と思ったからです

未経験IT転職ラボ
未経験IT転職ラボ

カエデさん(@ITJobChange

Cocoonを選んだ理由

無料でSEO対策やサポートが充実しているので

My Life Style Magazine
My Life Style Magazine

Akanekoさん(akaneko.interior)

Cocoonを選んだ理由

利用ユーザーが多く、フォーラムが充実していてトラブルや解決したい事について検索ですぐに解決できるから。できるだけお金をかけたくなかったから。

キラペット.com
キラペット.com

キラさん(@kirachan_i

Cocoonを選んだ理由

一番は無料で使えるというところ。他にも機能がたくさんあったり、少しの努力でオシャレなサイトにできるから。

フィアレスブログ
フィアレスブログ

フィアレスさん(@fearless_8410

Cocoonを選んだ理由

ブロガーのなかじさんとヒトデさんが無料で下手な有料テーマより使いやすいとおっしゃっていたので使い始めました!

自分でやってみた
自分でやってみた

tryさん(@lifehack4all

Cocoonを選んだ理由

デフォルトの文字が読みやすいフォント。ブログカードがかわいい。困りごとはネットで解決。

やしんそんのブログ
やしんそんのブログ

やしんそんさん(@yashinsondesu

Cocoonを選んだ理由

いろんな解説記事が投稿されているため、自分でもおしゃれなサイトを作ることができそうだと感じたから。

みっしょんくりーんあっぷ
みっしょんくりーんあっぷ

まさおさん(@tomobataraaki

Cocoonを選んだ理由

無料で最強とのうわさ

Cocoonを実際に使った感想

情報量が豊富で、カスタマイズができるのが嬉しい。 ショートコードが充実していて、やりたいことはプラグイン無しでほとんどできる。

三井ホーム応援隊
三井ホーム応援隊

三井ホーム応援隊さん(mitsui_home_jitsurei)

Cocoonを選んだ理由

無料。多くの方が使っている。ネットで調べれば使い方が多く出てくる。

Cocoonを実際に使った感想

やりたいデザインは作れていると思うので、概ね満足しています。 他のテーマを知らないので今後もし別のブログを作るとしたらcocoon以外のテーマを使用すると思います。

ぷくりりブログ
ぷくりりブログ

ぷくりりさん(@pukuririblog

ブログデザインのポイント

見ているだけで女の子気分が上がるように、ピンクを中心としたパステルカラーでまとめています。

なかにしの技術ブログ
なかにしの技術ブログ

なかにしさん

ブログデザインのポイント

ぱっと見でおしゃれっぽさを演出する為、余白を広めにとったり、使用する色の量を減らしたりしています。現役エンジニアなので、CSSをがっつり書いてカスタマイズしました。

口コミ家の人々
口コミ家の人々

口コミ家の人々さん

ブログデザインのポイント

デフォルメをあまりせずにシンプルでな見やすさ

投資の本棚
投資の本棚

くまふくさん(@kumahukulab

ブログデザインのポイント

青を基調にシンプルなデザインを目指して作りました。

ネット回線マニア
ネット回線マニア

くみたろうさん(@net_kaisenmania

ブログデザインのポイント

中身を重視したかったのでスタイルは出来るだけシンプルにしました。 黒と白をベースに、老若男女誰にでも受け入れてもらえるよう意識しています。

ヨコハマきのこ大祭
ヨコハマきのこ大祭

ヨコハマきのこ大祭実行委員会さん(@kinokoyokohama

ブログデザインのポイント

毎年横浜で開催しているきのこイベントの公式サイトです。 港町である横浜らしさを出すために青色を基調にしました。 また、サイトに訪れていただいた方が迷わないよう、メニューやコンテンツを適切に配置することに気を付けています。

SUZUKAZINE
SUZUKAZINE

村中さん(@ayatakaa_chan

Cocoonデザインの感想

HTMLとCSSが触れる人であれば、自分好みにカスタマイズできるので、そういう意味ではデザインは好きと言えます。

タスマデュラス
タスマデュラス

タスマデュラスさん

Cocoonデザインの感想

使っている人が多いのでデザインの参考になるサイト事例や、やり方でわからないところがすぐに調べられる。

web屋ブログ
web屋ブログ

名無しマーケターさん

Cocoonデザインの感想

無料故に初期状態が簡素なので自分のコーディング次第で無料でユーザービリティを上げられるので、初学者にはもってこい

日本一のブログ
日本一のブログ

tanikeさん

Cocoonデザインの感想

シンプルで見た目もすっきりしているデザイン。

有料テーマに変更するのであればSWELLがおすすめ

無料テーマCocoonでも上記のような素敵なデザインができますが、有料テーマにするか悩んでいる方もいらっしゃると思います。

もし有料テーマにするのであればSWELLがおすすめです。

なぜならSWELLにはがあるからです。

CocoonからSWELLに変えるメリットは下記記事にまとめてますの参考にしてみて下さい。

また2021年7月にCocoonとSWELLは業務提携しています。

SWELL側から開発資金の提供を行う。
Cocoon側はその資金を活用することで今後も開発を続け、テーマ開発に関する情報をSWELL側と共有する。

出展:から引用

SWELLが資金提供することでCocoonのノウハウがSWELLに共有されるとのことです。

SWELLのが気になる方は下記公式サイトをチェックして見てください。

\Cocoonから有料テーマに変えるならSWELLがおすすめ/

>>SWELLの評判をまとめたレビュー記事はこちら

まとめ

以上のようにCocoonを使った素敵なサイトをご紹介しました。

無料テーマとは思えないほど、綺麗なデザインばかりです。

是非参考にしてみてください。

他のWordPressテーマ集はこちらをクリック♪
SWELLを使ったサイト&ブログのデザイン集AFFINGERを使ったサイト&ブログのデザイン集
JINを使ったサイト&ブログのデザイン集 SANGOを使ったサイト&ブログのデザイン集
THE THORを使ったサイト&ブログのデザイン集

>>その他のDIVER・SEAL・STORK19・Snow Monkey・yStandard・Manablog Copyのサイト集はこちら

最後までご覧頂きましてありがとうございます。

何かご不明な点がございましたら、下記までお気軽にご連絡下さい。

当サイト集に掲載頂けるサイト様は継続して募集しています。
掲載希望の方はデザイン集応募フォームからご連絡ください。
また、この「サイト&ブログ集」をブログ等でご紹介頂けると嬉しいです!

当記事はブログデザインで悩んでいる方の参考になればと思い、多くの方にご協力頂き作成しました。

本当にありがとうございます。

当サイト&ブログ集をブログ等でご紹介頂けるととても嬉しいです。

またTwitterでメンション(@jun_sigotofun)つけてツイートして頂ければ私もリツイートして拡散します!

(記事下の「 シェアボタン」をクリックすると簡単にツイートできます。)

今後ともよろしくお願いします!

シェア頂けると嬉しいです!よろしくお願いします!
  • URLをコピーしました!

コメント

コメントする

クリックして読める「目次」