【オシャレなブログの宝庫】Cocoon愛用者にカスタマイズを語って頂きました！

アイキャッチやブログカードをCanvaで作成して統一感を出しました♪Canva使えばcocoonでもおしゃれになります。

水族館で撮影した写真と合わせて青を基調としたシンプルなデザインにしました。タイトルはGoogleフォントから拾ってきた書体をCSSで挿入しています。

『シンプル　イズ　ザ　ベスト』で有料テーマのSANGOをモデルにデザインしました。
サイドバーのウィジェットのメニュー名をCSSコードを使って淡色ブルーにまとめています。

Cocoonの基本デザインを崩さず、シンプルでオシャレなデザインのスキンなので気に入っています。特に見出しが好きです。

ヘッダーメニューにFont awesomeのアイコンを表示して、ブログのイメージを春らしくしました！

Cocoon設定のカルーセルを付けて、クリック１つでちょっと有料感を出したところと、
スキンのH2の見出しがお気に入り！

私はメンダコを推しているので海らしさがあるところです！色も濃い青や水色を基調としており、色合いのバランスの良さが気に入っております。

【青二才ブログ】というブログ名にちなんで水色で全体をまとめています!
オススメカードをcanvaでアイコンぽくしてます！

CSSコードを使ってカスタマイズした目次、検索窓、サイドバーのカテゴリーの一覧がお気に入り！全体的にかなりカスタマイズをして、おしゃれな感じになっていると思っています。

固定ページを作成して、トップページをサイト型にしました。
海の画像に合わせてブルー系のスキンを使っています。

PCでもスマホでも変わらないスッキリした色合いが気に入ってます！
読みやすいアイキャッチ画像で簡単に記事を選んでもらえるようにしています。

見出しやプロフ背景を追加CSSにて変更しております。シンプルで読者の方に見やすいことをモットーとして広告も記事に付けているだけにしています

背景を同色でまとめて柔らかいイメージにしてみました。
プラグインRich Table of Contents（RTOC）で作った目次がお気に入り。

メインカラーを緑にして、親しみやすい雰囲気をイメージして作りました

サイドバーはプロフィール表示とよく読まれている記事表示などをさせているのがお気に入り！

トップぺージの表示を新着順からカテゴリ別に表示されるように変更しました！

ミントグリーンの色合いがとにかくかわいい！
ヘッダーやカテゴリー画像も色合いを統一してかわいくしました。

9種類から好きな色（グラデーション）を選べるところです。 私は気持ちが明るくなれるテクリオ・マンゴーが気に入っています♪ 不明点があるときはスキン開発者の風塵さんに相談すると、丁寧に答えてくださいます。

全体的に落ち着いた色合いで あんまり派手ではないけど 格好良く見える ところがお気に入りです。

プラグインのuseful blocksで作ったおしゃれな比較表がお気に入り！

可愛らしすぎない大人ピンクとカルーセル！アラフォー主婦向けに落ち着いたピンク色を！カルーセルは簡単なのに一気にブログが華やかになるのでオススメです。

トップページに印象の残る画像を設置しています。

自分の名前の”クロコダイル”に合わせて緑色のスキンを使っています。

全体的に緑で森感がでるように作りました またたくさんの絵本に出会えるようにカルーセルを設置しています。

スキンの柔らかい配色がお気に入りです。
トップページの画像もベージュやピンクと、柔らかい色に仕上げました！

ヘッダーとおすすめカードをCanvaで作って、息子の大好きなフルーツで揃えてカラフルに仕上げています。

PS Auto Sitemapを使い、サイトマップを作成しているのですが ページ全体のイメージに合わなかったので、CSSをカスタマイズしてブログイメージに合わせました。

「Simple Author Box」というプラグインを入れて、読んで頂いた方に自分のことを覚えて頂けるように記事の最下部にプロフィールを入れるカスタマイズをしました。

スキン設定なし、妻が好きな黄色をキーカラーにして「シンプルで分かりやすい」を目指しています。記事も「なかじ」さんから頂いた「SIMPLE BLOG DESIGN」で黄色メインに仕上げてます！

Rich Table of Contentsで目次を見やすくカスタマイズし、全体的なデザインを「シンプル」に整えました！

「カラム」タブの「コンテンツ枠線色」を設定して、くっきり見せている所が推しです。

カルーセルとおすすめカードを設定して、読みたい記事を探しやすくしています。
最近アイキャッチ画像を作り直したこともあって、華やかになりました。

おすすめカードがお気に入りです。

トップページを見やすさを重視してカテゴリーごとに整理しました。特にモバイルで見やすいように、カテゴリーごとの掲載記事数は少なめに設定してます。

カルーセルを設定しただけで格段にページレベルが上がりました。
これがあるだけで初心者でも完成されたページに見せることが出来るのでポイントです！

ファビコンの設定がお気に入りです。 大好きなスイカのモチーフでなんとなく顔に見えるような？小さいことだけれど大満足。

シェアボタンの上にメッセージつけたのがお気に入りです！

ブログ全体の色味を合わせてシンプルに、且つアイキャッチは少しデザインで遊んで「全体をデザインする」ことを意識しました。
サイトアイコンとトップへ戻るボタンは赤でワンポイントを入れています。

モバイルのヘッダーメニューを設定して、記事の途中からでも全ての記事に2クリック以内でその記事を開く事が出来ること。

スマホのヘッダーです！メニューを押したときにサイドバーが出るのがお気に入りです。
背景の色や文字の色の変更はCSSが必要ですがほぼCocoon設定のみです。

サイトカラーを3つに絞り記事やアイキャッチもカラーを統一することでまとまりのあるサイトにしています。

モバイルで見た場合のグローバルメニューをCSSでスライドできるようにしました♪またヘッダーとフッターのボタンのアイコンを浮き輪や魚にして海感を出すようにしました。

ヘッダーメニュー、フッターメニュー共にFont Awesomeでアイコンを入れて分かりやすくしました。 おすすめカードをアイキャッチと同じカラーで作り全体の統一感を出しました。

サイドバーのプロフィールに表示しているSNSアイコンがお気に入り！スタイルシートの編集だけで、見やすくすることができました！

ブログカードです。スニペット表示を無くしたり、見た目のデザインをシンプルにしました。

スマホで見た時に、画面下に目次ボタンを使えるようにしたこと

カテゴリーのアイコン表記がお気に入りです！

投稿のマーカー線を自分のブログのテーマカラーにしている所がお気に入りです。

カラフル＝花をイメージしてカスタマイズしています。CSSコードを使って、エントリーカードの角を丸くして、柔らかい雰囲気にマッチするようにしたのがお気に入りポイントです！

背景のカラーコードとアイコンを合わせた統一感あるページが拘りです。

記事を読んでいる時に画面の上部に見出しバーが出るようにしました！スクロールに合わせて切り替わるので、自分が今記事中のどこを読んでいるのか見失いにくいのがお気に入りです！

インデックスページの新着記事一覧にリボンを付けました！

目次とサイドバーのカテゴリーを頑張ってみました。50代にはなかなか大変でしたが、見栄えが良くなり気に入ってます！

オシャレなサイトHPの様な雰囲気にしてます。スキンは使っていませんが、逆にスキンなしでここまでできる！って所が推しです。おすすめカード、ヘッダーの色を統一して作った余白がポイントです！

トップ画と背景の色を同じにして、余白を意識しました
トップ画は色味に統一感をもたせて、優しい雰囲気がでるように目指しました！

カフェのようにくつろいでもらいたくて、ゆったりした雰囲気にしました。
ヘッダーメニューとサイドバーのカテゴリーのアイコンと、ヘッダー・おすすめカード・ロゴの背景色の統一がお気に入り！

薄い色と濃い色でメリハリをつけつつ、柔らかい印象に仕上げたアイキャッチがとてもお気に入りです！ ブログ全体の色もCSSで同じ色に統一してアイキャッチがハッキリ見えるようにしました！

色のトンマナを自分の中で決めて、アイキャッチをそれに揃えていくことで統一感を出そうとしてます！ あえてスキン無しで、シンプルにしてます。

スキンを使わずに地中海をイメージして、theシンプルオシャレを目指しています。
アイキャッチやカテゴリーの一覧のデザインに拘っています。

アイキャッチに力を入れているので、全体的にシンプルにしてアイキャッチを目立つようにしています。

カテゴリー毎にテーマカラーを決めて、アイキャッチのカラーを統一、記事毎のカテゴリーが分かりやすいようにしてます。カルーセル設定と人気記事ランキングを載せて、人気の記事を探しやすくしてます！

サイドバーのボックスメニューをFLAT ICON DESIGNのフリーアイコンを使って作りました。
統一感を出しつつも、少しでも見やすく…そんな気持ちで作りました。

自分でイラストを描いて、自分だけのサイトを作っています！
他の人と絶対に被らないので、気に入っています。