【Cocoon】ブログのデザイン【フロントページサイト型】

ブログ
スポンサーリンク

 当サイトはCocoonを利用させてもらっています!とても使い勝手が良いです。嬉しいのが初心者でも使いやすいのと、色んな方が解説をして下さっているので分からないことが検索して見つけやすい!

今回はCocoonでサイト型ブログにしてみたいと思います!

初心者向けになります!参考になれば嬉しいです。

センスはなくても大丈夫です!センス0で見やすかっこいいブログ作りましょう!

見づらいフロントページ…

記事が新着順のフロントページ…特になにも設定はしていませんが…

見づらいっ!

ブログを始めてあと少しで1年になります。今までも少しづつデザインをいじったりしてきましたが、根本的な問題はこの見づらさにある事に気が付きました!(スマホでは更に壊滅的…)

なぜ今まで改善しなかったのかという問いは置いておき、どうやってデザインをしていくか一緒に変えてみましょう!

他のブログでデザインを参考にする!

 最初は同じカテゴリーのブログから探し、いいなあというブログをブックマークする!

よめちゃん
よめちゃん

よく行くブログがあれば、そこも参考にしてみてもいいかも!

私のきっかけは、ネットで探し物をしていた時あ『あ、このサイトすごく見やすいな!』と思ったことがデザインを変えようと思ったきっかけでした。

そこと比べて何が見にくいか?どこを変えればいいかをまとめます!

  • 新着しかパッと目に入らないので、分かりづらい
  • カテゴリーがぐちゃぐちゃ
  • 色が落ち着かない

ザックリまとめると、上の方に注目して欲しいコンテンツを持ってくる!

(プロフィールを下に下げますが、記事にもプロフィールがあれば下でもいいかな?という判断です!レイアウトと相談しましょう!)

おおまかな配置

 ザックリイメージで!

よめちゃん
よめちゃん

参考ブログ様のどこに惹かれたか?を思い出しつつ、まとめましょう!

※画像はクリックしたら大きくなります!
ポイント
  • 一番上おススメ記事2つ(任意の記事と1番人気の記事)
  • ヘッダーメニューを上に設定し、スクロール固定化
  • カテゴリー別に2カラム構成に、クリック率アップ(希望)

 フロントページは新着に注目するより、各カテゴリーの人気の記事を載せる方が気になってくれそうな記事に飛べやすくなる為。

その代わり、記事ページの下部やサイドバーなどで補う。

 ざっくり決まったので、次実際にページに落とし込んでいきます!

コメント

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