イチマルニデザインブログはデザインをリニューアルしました!

イチマルニデザインブログはデザインをリニューアルしました!

新年あけましておめでとうございます。本年もよろしくお願いいたします。2017年1月16日でイチマルニデザインブログをはじめて2年になりました。大した記事かけないしょうもないブログですが、それでもたくさんの方に読んでいただき続けることができています。今後はもっといい記事、お役に立てる記事をかけるように精進します!で、本題ですが今回ブログのデザインをリニューアルしました。ロゴも作ったし、2年経つしということでやっと重い腰を上げることができました。リニューアルした内容をちょっとご紹介します。

リニューアルの経緯

  1. ロゴを作ってもらった!
  2. ブログ開始から丸2年!

前述していますが、この辺が理由です。これくらいの理由がないとリニューアルしないくらい面倒くさがりです。

変更したこと

基本的なデザイン、テーマは変えずにリニューアルしました。その中でも大きく変わったのはCSSのフレームワークというか設計を自作のものにしました。あとは、必要なものだったり内容の精査をしたくらいですね。

  • CSSのフレームワークを「flanky」にした
  • ハンバーガーメニューの廃止
  • タグクラウドの廃止
  • sidebarの精査

CSSのフレームワークを「flanky」にした

自作のフレームワークで「flanky」というのがあるのでそちらを使うようにしました。というのも今まではSMACSSで設計していたのですが、しばらくCSSをみたいでいたら、sassの変数やら、ディレクトリ構成やらぱっと見でわからなかったので慣れているものがいいなーと。実は業務でも使っているので慣れているというのが大きいです。

ハンバーガーメニューの廃止

ハンバーガーメニューはゴミだ!! | L’OREM [ローレム]

君たちはそんなにハンバーガーメニューが好きなのかね? – Qiita

最近上記のような記事をよく目にしますね。「何をするのかがわからないアイコン」ていうのがなかなか納得できるなというのもあって試験的にハンバーガーメニューを廃止してみました。なので、カテゴリのメニューはヘッダー移動しました。

タグクラウドの廃止

アナリティクスをみてみるとフッターのタグクラウド一覧があまりクリックされていないので廃止にしました。ただ、今まで通りタグの登録はして記事の先頭にはなんのタグに属しているかわかるようにはなっています。

sidebarの精査

ここではいくつかの施策をしています。

  • フォローボタン等を固定時に一番見える所に
  • twitterのタイムラインを廃止
  • 新着記事の廃止

基本的にはスッキリした印象かなと。あとは追々設置予定なのですが、広告掲載の為に、ファーストビューとfixed後の広告なども対応できるようにしています。

まとめ

だいたいこんな感じでリニューアルをいたしました。今後も読みやすいブログを目指して改善をしていきたいと思います。今後もイチマルニデザインブログをよろしくお願いいたします。

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

いいなと思ったらシェアお願いします

同じカテゴリーの記事

ページの先頭へ