アラサー専業主婦のゆぴです。
サイトを運営する上で、文章、内容と同等に大切なのが「デザイン」！！
パッと惹きつけられるデザインだと、自然と記事も読みたくなりますよね。
今回は、WordPressの無料テーマ「cocoon」を使用している総勢108名のサイトを一挙大公開！！
ブログ初心者の方はもちろん、デザインに迷っていたり、同じテーマでできているサイトを見てみたい！という方はぜひ参考にしていただければと思います♪
私もcocoonを使用しています！！
簡単に可愛いデザインが作れるのでお気に入り♪
- ブログ初心者の方
- cocoonに興味のある方
- サイトのデザインを参考にしたい人
cocoonってどんなもの？
cocoonはWordPressの無料テーマです。
ざっとcocoonのポイントを挙げると…
- SEOやページ高速化に適している
- シンプルなデザインを作るのに向いている
- ブログ初心者の人でも使いやすい
- カスタマイズがしやすい
とにかく、使いやすく簡単にオリジナルのサイトが作れるのがcocoonの魅力です！！
それでは早速cocoonを使用したサイトをご紹介していきます♪
運営者さんにサイトをデザインする際にどんなことを意識しているのかも聞いてみました！
※今回は著者の独断で以下7つのカテゴリーに分けさせていただいています。
- 色を意識したデザイン
- シンプル、わかりやすくを意識したデザイン
- やわらかい、ほっとするようなデザイン
- ポップで明るいデザイン
- アイキャッチや画像にこだわったデザイン
- テーマ、イメージに沿ったデザイン
- 見やすさ、使いやすさにこだわったデザイン
参加者の皆さん、ご了承ください。
※順不同
私はサイトやアイキャッチ画像にくすみカラーを使用しておしゃれなサイトを意識しています♪
ゆぴ（＠yuikkuma23）
色を意識したデザイン
るれりママさん（＠rureri072521）
いぬねこさん（＠inuneko-dogcat）
ゆうさん（@panpeoryman）
ぱーかーさん（＠pakavlog）
なかのゆさん（＠tjammwm）
ゆまこさん（＠yuu-ma-koo）
やまみちさん（＠yamamichiblog）
ぷんまるさん（＠FLYING-MEMO）
なるさやさん（＠7638blog）
MAYUKOさん（＠Mayuk0l）
ヘッダーは自分で描いたもの♪
いがぐりさん（＠higokkojyaken）
Takeさん（＠take-2021）
見てほしい情報はサイトの上部に記載している♪
あめりさん（＠amerixx09）
あいさん（＠jin-ai10）
omatsuさん（＠omatsu-suzuran）
そういちの手帳さん（＠Soichi-uk）
みちゃママさん（＠michamama813）
ヘッダーや背景は主張しすぎない目に優しい色にしたい！
minaさん（＠tanokabu-com）
おかゆうさん（＠yujinji-2020）
アイキャッチ画像がパッと見てどんな記事が書いてあるか分かるように！
まめさん（＠soratobisheep）
柔らかい雰囲気になるように！
- 色を統一することでスッキリした印象になる！
- 好みの色を使用して自分好みのデザインにしている♪
シンプル、わかりやすくをイメージしたデザイン
ばしおさん（＠bassiy）
ごちゃごちゃしないように♪
りーぬさん（＠zuborra23）
Rinさん（＠rin-Tube1）
きなこさん（＠mathuko01）
ふくちさん（＠marufukuchi）
親しみやすいサイトに♪
トラみさん（＠toramifire）
まささん（＠mappyinME）
たかなしさん（＠justidea0712）
きりんさん（＠kirinnosu-tweet）
たっぴーさん（＠tappy-0808）
アイキャッチでわかりやすく♪
ゆっかさん（＠yukka-osaka）
MAG2さん（＠T21094M）
ぶちさん（＠buchi-daradara）
なまこさん（＠1173blog）
ワンクリックでメニュー、記事が開けるように♪
さすけさん（＠ojalial-maru）
よぴをさん（＠YOPIWO-BLOG）
自分の体験談を入れる♪
せいかしさん（＠seikashi22）
ペーちゃんさん（＠manabinopeechan）
マルさん（＠maruniti-vym）
たかぴょんさん（＠takapyon777）
シモネさん（＠yi9wQdMEAYV7Oik）
とっきーさん（@moshiblo）
ぽんこさん（＠EScokx）
でんしょばさん（＠denshoba10wing）
こよカツさん（＠katsu-2-tonight）
ききさん（＠kikis-blog）
ちゃきさん（＠chyaki-kom）
シンプルだけど自分らしさが出るように！
ろみぃさん（＠romy7sblog）
かっちゃんさん（＠Fukusuke7772）
拡散するし、してほしいんじゃさん（＠pfm10000gg）
なおさん（＠twelvetheme）
まなみんさん（＠mana blog-mana）
まっちゃんさん（＠KeigoM1024）
エマさん（＠emmablog810）
Fukuchiさん（＠fukuchi-blog）
わかりやすく！
ライトさん（＠RtTxU721S7aPIEI）
イセさん（＠sabo-reco）
ブログ名の「サボテン」にかけて、おすすめカードの絵柄をサボテンにしているのがお気に入り！
チコさん（＠chico-mam3580）
noripieさん（＠noripie37）
- シンプルなデザインは見やすい！
- 見やすくするために細かな工夫を取り入れている！
やわらかい、ほっとするようなデザイン
ひまつぶしーずさん（＠HimatubushiZ）
すみこさん（＠sumiko3panda）
よいちょさん（＠playstudyyoicho）
ぺりさん（＠yunyun2193）
元気な40代とっちゃんさん（＠tocchan696）
はるパパさん（＠Takahashi-techs）
ひれパパさん（＠tonkatsukakeibo）
さなさん（＠37cha）
ちゃむさん（＠manmo-chi-）
きなこさん（＠kinako-pupipu）
優しい色合いになるように！
まるしぇさん（＠shiomusup）
ちゃむマユさん（＠mayutoito）
- 色やイラストなどでやわらかい印象になる♪
- ほっとするデザインで自然と心も落ち着く♪
ポップで明るいデザイン
かねまるこさん（＠kanemarukoblog）
派手さ×好きな緑色♪
柳葉ぐみさん（@gumiyanagiba）
パキッとした色合いで見やすく、明るい気持ちに♪
ゆうもんさん（＠salaryman-oko）
きゃりーさん（＠enkura-carrie）
テーマカラーを絞って統一感を出している！
ぽにさん（＠ponisanbrog）
けんたろうさん（＠tadano ETF）
- 色でポップなデザインになる♪
- ポップなデザインは見ていて元気になる♪
アイキャッチや画像にこだわったデザイン
せとうちさん（@setouchisannnnn）
ぴよ吉さん（＠piyokichidy）
アイキャッチはブログの雰囲気に合わせて同じ形に♪
麦チョコさん（＠mugichoko0129）
アイキャッチに文字を入れる♪
tairaさん（＠tairablog1102）
子どもが作ってくれたアバターを使用♪
ちっちママさん（＠chicchimama2104）
色味とアイキャッチの統一感を意識♪
やぎさん（＠mBXWpdAeTbkF4Jn）
画像に重きを置いた作りに♪
あきるの部屋さん（＠akichocoball）
自作の画像でオリジナリティに♪
あじさいさん（@ajisai-kiwidojo）
シンカさん（＠sinkanoblog136）
- アイキャッチを工夫するだけでわかりやすさがアップ！
- 自作のアイキャッチや画像で一気にオリジナリティのサイトになる♪
テーマ、イメージに沿ったデザイン
エージさん（＠eiji-oniku）
写真は自分で撮ったもの！
おもちさん（＠manmaruword）
PAOさん（＠pao-log-net）
よつさん（＠aonisai-blog）
ブログ名にちなんだ青を使用したデザイン♪
ふかみんさん（＠tabibitoshushu）
まんまるさん（＠w7jjE47pArAI4GN）
ぐりまろさん（＠gurimaro74）
明るい感じに修正したい！
さかさん（＠sakasanblog）
まるさん（＠kodomonoha118）
Jackとまめさん（＠jacktomameblog）
りくさん（＠riku-blogger）
男磨きのモチベーションが上がるように♪
ゆうさん（＠gakuseitousi-yu）
スマホとPC両方で見やすく！
やこさん（＠yakobeeaam）
他の人と被らないように！
- テーマに合わせたデザインにすることで何のブログなのかすぐわかる！
- 購読者のイメージに合わせたデザインづくりも大事♪
見やすさ、使いやすさにこだわったデザイン
中村松太郎さん（＠matsutaro-blog）
イラストで統一感とゆるい世界観を演出！
ももさん（＠140cm-mama）
色はゴテゴテしいないようにする！
TaroTechさん（＠Taro-Tech724）
カテゴリごとにボタンで遷移できるように！
ながパパさん（＠nagapapa1192）
masaaさん（＠zeta-masa）
動きのあるカスタマイズで印象に残るように♪
のじさん（＠noji-diary）
簡単なアニメーションで目を引くようにしている！
ゆーみー夫婦さん（＠yuu2021mii）
りんごジャムさん（＠omorosagashi）
旅ブログさん（＠shimacotrip）
- 少しでも読んでもらいやすく工夫をしている！
- アイコンやメニュータブを入れるだけでグッとわかりやすくなる♪
終わりに
以上、cocoonユーザー総勢108名のサイト紹介でした。
同じcocoonを使用していても、色や画像、記事の配置の仕方などによってイメージがグッと変わるのがお分かりいただけたのではないでしょうか！
どのサイトも、運営者さんの思いやこだわりが詰まっている素敵なサイトでした♪
ブログのデザインに迷われている方はぜひ参考にしてみてください。
参加してくださったブロガーさん、ありがとうございました！
