> 【国内最高】人気№1のブログテーマ「SWELL」をガチレビュー!
PR

Cocoonを使ったブログデザイン80選|無料テーマはコレ一択!

WordPress-Cocoon-blogsite-design

WordPressテーマCocoonを使ったブログ・サイトをたっぷりと紹介します。

ヒナキラ

今回、WordPressテーマ「Cocoon」を使ったブログデザインを集めてみました。

WordPressテーマCocoonはどんなデザインにできるか知りたい。どんな見た目にできるのか知りたい。

と、いう方の参考になること間違いなーし!

これからCocoonを使いたい方にとっても、どんな見た目なのかを見ておけるのでオススメです。

おしゃれなブログデザイン集

Blog

この記事を書いた人

ヒナキラ

ブログで月25万円。Twitterフォロワー13,000人。ブログとSNSとSEOが大好き。自称テーマおたく。SWELLに関するYouTubeもやってるよ。

Blog

この記事を書いた人

ヒナキラ

ブログで月25万円。Twitterフォロワー13,000人。ブログとSNSとSEOが大好き。自称テーマおたく。SWELLに関するYouTubeもやってるよ。

見たいところに飛べる目次

Cocoonを使ったブログデザイン集

「Cocoon」を使ったサイトを集めたブログデザイン集はこちら。

VDJ東雲の再チャレンジ
VDJ東雲の再チャレンジ

【ブログジャンル】DJ、雑記

わさびの辛口洗剤レビューブログ
わさびの辛口洗剤レビューブログ

【ブログジャンル】洗剤関連

建築の湯
建築の湯

【ブログジャンル】建築

きらねっと
きらねっと

【ブログジャンル】雑記

畑でぼっちのとまと
畑でぼっちのとまと

【ブログジャンル】バイク教習日記、キャンプ

おにくブログ
おにくブログ

【ブログジャンル】海外、英語、仏語、お得情報

ジュネスの実践日記
ジュネスの実践日記

【ブログジャンル】婚活、マッチングアプリ

ガジェノコ
ガジェノコ

【ブログジャンル】ガジェット

台湾ってどーなん?
台湾ってどーなん?

【ブログジャンル】台湾雑記

楽しい毎日をはっぴーLIFE
楽しい毎日をはっぴーLIFE

【ブログジャンル】節約・プチミニマリスト

DisabilityLog
DisabilityLog

【ブログジャンル】障がい者、ダイバーシティ、他

マンマのまんまでいいべさ
マンマのまんまでいいべさ

【ブログジャンル】キャンプ

のこのこ日記
のこのこ日記

【ブログジャンル】雑記

まなびばブログ
まなびばブログ

【ブログジャンル】FPに関わるお金の知識

mugiびゅーちー
mugiびゅーちー

【ブログジャンル】プチプラコスメ・スキンケア

NON SEALD
NON SEALD

【ブログジャンル】雑記

すてごのイタダキマス!!
すてごのイタダキマス!!

【ブログジャンル】グルメと旅とプロレス

歩く縄文顔ブログ
歩く縄文顔ブログ

【ブログジャンル】新潟情報&縄文トーク

塗装職人のDIYブログ
塗装職人のDIYブログ

【ブログジャンル】塗装✕DIY

家族みんなでなんくるないさ
家族みんなでなんくるないさ

【ブログジャンル】雑記

ヒラバブログ
ヒラバブログ

【ブログジャンル】雑記

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

【ブログジャンル】ブログ論

なぎさのブログ
なぎさのブログ

【ブログジャンル】Amazonセール

みうの心の喫茶店
みうの心の喫茶店

【ブログジャンル】うつ病

しんぴーラボ
しんぴーラボ

【ブログジャンル】子育てメイン情報

くまったブログ
くまったブログ

【ブログジャンル】雑記

シチミカメラ
シチミカメラ

【ブログジャンル】ガジェット

おまめ家のディズニー大好きブログ
おまめ家のディズニー大好きブログ

【ブログジャンル】妊婦・子連れディズニー向け情報

サイドFIRE夜空ブログ
サイドFIRE夜空ブログ

【ブログジャンル】投資、サイドFIRE、セミリタイア

ゆきちママの美容blog
ゆきちママの美容blog

【ブログジャンル】美容

自動車整備士やまじんブログ
自動車整備士やまじんブログ

【ブログジャンル】自動車アフターマーケット、他

ゆるふわ英会話
ゆるふわ英会話

【ブログジャンル】英語学習関連

メガネコのメガネto投資
メガネコのメガネto投資

【ブログジャンル】メガネと投資

司法書士にまつわるエトセトラ
司法書士にまつわるエトセトラ

【ブログジャンル】司法書士

子供といえで働こう
子供といえで働こう

【ブログジャンル】在宅ワーク術・アフィリエイト

ケンサクちゃん
ケンサクちゃん

【ブログジャンル】雑記

積みかさねーADHD子育てブログ
積みかさねーADHD子育てブログ

【ブログジャンル】子育て(障がい児子育て)

momo-mammy
momo-mammy

【ブログジャンル】子育て・暮らし

Dream of Space in Chocolate
Dream of Space in Chocolate

【ブログジャンル】チョコレートと宇宙食関連

mu-blog
mu-blog

【ブログジャンル】子育て・高知県のおすすめ

キー君と学ぶ
キー君と学ぶ

【ブログジャンル】節約、投資

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

【ブログジャンル】ヨーロッパ観光&海外赴任

たべちゃお
たべちゃお

【ブログジャンル】食

本音心理学ラボ
本音心理学ラボ

【ブログジャンル】メンタルヘルス・心理学

学校では教えてくれないお金の話
学校では教えてくれないお金の話

【ブログジャンル】教育、マネーリテラシー

社畜元Jリーガーのセカンドキャリア
社畜元Jリーガーのセカンドキャリア

【ブログジャンル】転職、採用、サッカー

大丈夫、やまない雨はない!
大丈夫、やまない雨はない!

【ブログジャンル】オンラインヨガ・フィットネス

大学生 個別指導塾講師 悩み相談
大学生 個別指導塾講師 悩み相談

【ブログジャンル】塾講師の悩み

ぽこぽこ是好日
ぽこぽこ是好日

【ブログジャンル】妊活、妊娠、出産、育児

メンズコスメオタク
メンズコスメオタク

【ブログジャンル】美容系(メンズコスメ)

新時代を生きる20代からの資産形成
新時代を生きる20代からの資産形成

【ブログジャンル】投資、仮想通貨

峠の雑記ブログ
峠の雑記ブログ

【ブログジャンル】Cocoon、ブログ関連、他

30代ワーママよし子の子育て・投資ライフ
30代ワーママよし子の子育て・投資ライフ

【ブログジャンル】子育て、投資

うーなログ
うーなログ(現在SWELL)

【ブログジャンル】恋愛、英語、他

まんぷく投資ブログ
まんぷく投資ブログ

【ブログジャンル】投資

タツゴリブログ
タツゴリブログ

【ブログジャンル】TikTok、他

マーケットフォギア
マーケットフォギア

【ブログジャンル】ガジェット、ブログデザイン

ねこくんの株日常
ねこくんの株日常

【ブログジャンル】株式、仮想通貨、他

とととんぐ
とととんぐ

【ブログジャンル】ぶた、他

NYALA
NYALA

【ブログジャンル】仕事、HSP、他

接骨院経営のミカタ
接骨院経営のミカタ

【ブログジャンル】接骨院経営、他

FIRE GAME
FIRE GAME

【ブログジャンル】FIRE、他

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

【ブログジャンル】映画、ドラマ、他

コクブロ
フクブロ

【ブログジャンル】PC、ブログ運営

Tommy's Blogのデザイン
Tommy’s Blog

【ブログジャンル】仮想通貨

これからはじめるプロジェクト
これからはじめるプロジェクト

【ブログジャンル】マネジメント、他

kenchico☆生活力
kenchico☆生活力

【ブログジャンル】おいしいもの、雑記

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

【ブログジャンル】U-NEXT、サーキュレーター、他

おはやブログ
おはやブログ

【ブログジャンル】イラスト、アニメ、他

yuukumablog
yuukumablog

【ブログジャンル】プログラミング、ガジェット、他

ぽにさんブログ
ぽにさんブログ

【ブログジャンル】郵便局の利用法

みなぽんとまな防災
みなぽんとまな防災

【ブログジャンル】防災

リカルドblogのデザイン
リカルドblog

【ブログジャンル】投資、他

とり転ラボ
とり転ラボ(現在SWELL)

【ブログジャンル】転職、プログラミング

よいよいブログ
よいよいブログ(現在SWELL)

【ブログジャンル】本の要約•貯蓄•投資

Coccon-めいぶろ
めいぶろ

【ブログジャンル】子育て、他

Cocconブログデザイン-The Cinema Trend
The Cinema Trend

【ブログジャンル】映画、海外ドラマ

URの暮らし方
URの暮らし方

【ブログジャンル】節約・ポイント・資産運用・お得情報

配当金できれいになる!
配当金できれいになる!

【ブログジャンル】婚活×美容×資産運

Cocoonを使ってブログデザインを整える手順

WordPressテーマCocoonを使ってデザインを整える手順も紹介しますね。

STEP
Cocoonのインストール

Cocoonをダウンロードし、WordPressにインストールしましょう。

STEP
スキンの設定

Cocoon設定から、好きなスキンを選択します。

STEP
ヘッダー画像の設定

Cocoon設定からヘッダーを設定します。

STEP
サイドバーの不要な情報を削除

WordPressのウィジェット設定から、サイドバーのメタ情報を削除します。

STEP
グローバルメニューの作成

WordPressのメニュー設定からグローバルメニューを作成します。

STEP
おすすめカードの作成

Cocoon設定からおすすめカードを設定し、ピックアップコンテンツを作成します。

Cocoonを使ってみた感想

スクロールできます
Cocoonの感想

わさびさん】

wasabi

性能面もデザイン面でも有料並の価値があり、操作画面も癖がなく扱いやすくネット上に情報が多いのも便利で非常に助かっています。

Cocoonの感想

はるさん】

haru

初心者にも使いやすい。

Cocoonの感想

きらりんさん】

kirarin

初心者の私でも使いやすいです。分からないことがあっても、詳しく解説してくださっているサイトもあるので、助かっています。

Cocoonの感想

とま子さん】

tomako

無料な上に、今のところ不満はありません!

Cocoonの感想

おにくさん】

おにく

無料テーマですが、今のところ十分。

Cocoonの感想

なきさん】

naki

特に不満なし。

Cocoonの感想

のこしちさん】

nokositi

無料としては満足です。ちょっと有料テーマにしようか考え中。

Cocoonの感想

オンライドラゴンさん】

オンライドラゴン

無料でありながら、やりたい作業はしっかりできて、デザインも気に入ってます。使いやすいので機械音痴の僕には最適です。

Cocoonの感想

あいさん】

ai

無料に惹かれて使っています。

Cocoonの感想

disabilitylogさん】

disabilitylog

無料でデザイン性が優れたサイトが作れる。

Cocoonの感想

マンマさん】

manma

cocoonしか使ったことありませんが無料でこの機能は有料級です。

Cocoonの感想

のこっちさん】

nokotti

無料テーマだけど、自分好みにカスタム出来る!無限の可能性が広がってる!

Cocoonの感想

まなびばさん】

manabiba

検索すれば情報たくさん!無料でここまでできたら最高。

Cocoonの感想

むぎまるさん】

mugimaru

無料でシンプルで使いやすいデザインです◎ cocoon利用者は多いので、分からない事はwebで調べれば大体出てくるのが便利です!

Cocoonの感想

すてごさん】

sutego

無料ですが出来ることがたくさんです。

Cocoonの感想

しょうらくさん】

syouraku

初心者でも扱いやすい。

Cocoonの感想

リュークンさん】

ryu-kun

無料とは思えないデザイン性と使用感。

Cocoonの感想

沖縄そばパパさん】

okinawasoba

無料で使いやすくシンプルで気に入っています。

Cocoonの感想

ヒラバさん】

ヒラバ

設定が簡単で初心者でも簡単にブログデザインが作れる。

Cocoonの感想

ぶんぶんさん】

bunbun

無料ですが機能も充実しているので不自由なく使えてます!

Cocoonの感想

ゆういまむさん】

yuuimamu

スタイリッシュでかっこよさがあります。 無料テーマなのに使いやすいです。

Cocoonの感想

やっちゃそさん】

yattyaso

無料にしては高機能だけど…最近SWELLが気になる

Cocoonの感想

kyotototoさん】

kyotototo

無料だし使いやすい!

Cocoonの感想

ぽこさん】

poko

無料で不自由なく使えているので満足しています。

Cocoonの感想

メンズコスメオタクさん】

menscosme

無料なのに色々カスタマイズできるし、すごく満足。ただ有料テーマも触ってみたい!

スクロールできます
Cocoonの感想

よっさんさん】

よっさん

無料なのにカスタマイズできて凄い。

Cocoonの感想

なぎささん】

なぎさ

有料テーマも気になるけど…勇気出なくて結局ずっとCocoon。

Cocoonの感想

みうさん】

みう

無料テーマとは思えないほどクオリティが高く、何よりも使いやすいです。

Cocoonの感想

しんぴーさん】

shinpi

無料で初心者にも優しく使えるのが魅力だと思います。

Cocoonの感想

ナツさん】

natsu

無料で出来るのが嬉しい。操作もシンプルで使いやすい。

Cocoonの感想

しちみさん】

しちみ

無料なのに機能が十分なことと、洗練されすぎてないところが面白いです。

Cocoonの感想

おまめさん】

おまめ

無料とは思えない使いやすさ、シンプルながらも豊富なスキンで独自性も出せる魅力。

Cocoonの感想

夜空 里雨さん】

yozora

無料で自由度がきくので満足しています。

Cocoonの感想

ゆきちさん】

yukiti

無料で自由度がきくので満足しています。

Cocoonの感想

やまじんさん】

yamazin

テーマ利用マニュアルが充実 。初心者には最高の教科書です。

Cocoonの感想

ふらっふぃさん】

huraffy

無料ということで使用して以来他のを使ったことがないですが、不自由はないです!

Cocoonの感想

メガネコさん】

meganeko

無料ですが、思った以上にデザインもカスタムも豊富で使いやすいです。

Cocoonの感想

ハロウ先生さん】

harousensei

わかりやすくて使いやすい! テーマとSEOは関係ないと妄信してます。

Cocoonの感想

mii(みー)さん】

mii

無料で使えて、困った時は検索できるのでとても便利です。簡単にカスタマイズ出来ると良いですが難しいです。

Cocoonの感想

けんたんさん】

kentan

シンプルでビギナーには使いやすいです。ブロックにあまり対応しきれていないのてが難点。

Cocoonの感想

m.さん】

m

無料なのに操作も簡単で使いやすく満足しています。

Cocoonの感想

momoさん】

momo

機能が充実している、利用者が多く情報がたくさん得られる、cssでカスタマイズできるのが楽しい。

Cocoonの感想

Satoshiさん】

satoshi

凝ったもあればスッキリとしたデザインもあり、 種類が多様なところが良いと思いました。

Cocoonの感想

mu(むー)さん】

muu

無料なのにクオリティ高く、デザインも可愛いのがたくさん!満足しています。

Cocoonの感想

キー君さん】

ki-kun

無料でいろんなデザインあり満足してます。

Cocoonの感想

いかたこさん】

ikatako

使っている人が多いから情報が豊富。cssがいじれればデザインもかなり自由に変えられて良い。

Cocoonの感想

マスペルさん】

masuperu

利用者が多く情報も多いので助かってます。

Cocoonの感想

レフティーモンスターさん】

monster

無料ですが、デザイン性も機能性も高く利用しやすいです!

Cocoonの感想

はしたかさん】

hashitaka

無料で使えて幅広くカスタムもできるので、これからも長く使えるのが魅力的です!

Cocoonの感想

URの暮らし方さん】

URの暮らし方

ワードプレス初心者に使いやすいテーマ。

Cocoonの感想

おはなさん】

おはなさん

pcオンチでもブログができる!

スクロールできます

Cocoonでおしゃれなブログデザインにする5つの方法

ではここからは、Cocoonブログデザインをオシャレにする基本的な方法を5つご紹介します。

まとめると下記です。

ひとつずつ見ていきましょう。

①:カラーを統一する

カラーリングは統一感を意識した方が良いです。

色の数が多すぎたり、相性の悪い組み合わせになってしまうと、それだけでダサい印象になってしまいます。

デザインの初心者であれば、3色までを目安にカラーを決めると良いでしょう。

ヒナキラ

カラーは、3色程度を目安にするといいです。

②:オシャレな配色パターンを使う

ホワイト、グレー、ブラックなどのモノクロで統一するなら簡単です。

が、それでは物足りないという方もいるでしょう。

そんな時に便利なのが、下記のサイトです。このサイトではオシャレな配色パターンが分かるので、パクるだけでオシャレになりますよ。

>配色パターン見本40選:ベストな色の組み合わせを探せるツール

ヒナキラ

上記サイトの配色パターンを使うだけで、オシャレな配色パターンをゲットできます。

③:オシャレなブログを参考にする

手っ取り早いのは、自分が好きなデザインのブログを参考にすることです。

あとは、そのオシャレサイトのデザインを自分のサイトに取り入れてしまえば、簡単に「オシャレ」の出来上がりです。

そして、オシャレなサイトを探すのに役立つのが、本記事というわけです。

ヒナキラ

本記事を見れば、参考になるブログが見つかるでしょう。

④:画像のクオリティにこだわる

オシャレなサイトにしたいのであれば、使用する画像は重要です。

アイキャッチ画像や、記事内で使う画像がオシャレに見えるかどうかで、クオリティの察しが付きます。(例外もあるが・・・

そして、オシャレな画像を探すことと編集することを一度にできるサイトは、下記です。

画像ツール「Canva」

4億点以上の画像「Shutterstock」

Canvaは無料でも使えますが、有料にすると超使い勝手が良くなります。

Shutterstockは、有名ブロガーや、企業がこぞって利用する画像ツールです。オシャレな画像を使いたいなら、本気でおすすめです。

ヒナキラ

特にCanvaは、非常に使い勝手が良くて重宝します。

⑤:オシャレにできるWordPressテーマを使う

番外編ですが、簡単にオシャレにできるWordPressテーマを使うのが手っ取り早いですね。

もちろんCSSなどに詳しい専門家であれば、どんなテーマでも対応可能かもしれませんが・・・。

なお、オシャレにできるテーマとして一番オススメなのは、SWELLですね。

ヒナキラ

当サイトもSWELLを使っていますが、細かいところまでオシャレでおすすめです。

\ オシャレを実現!初心者でもデザイン性抜群のサイトにできる /

※いま一番オススメのWordPressテーマ

まとめ|Cocoonのブログサイトをおしゃれにデザインしよう!

WordPressテーマCocoonのデザイン、おしゃれにする方法を紹介しました。

ヒナキラ

ぜひ、参考にしてみて下さいね。

WordPressテーマCocoon公式サイト

  • その他テーマのブログデザイン集はコチラ
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

見たいところに飛べる目次