サーバーの移行とブログのリニューアルをしました

7月にこのブログのサーバーを移行しまして、そのついでにブログのカスタマイズも色々やってしまおうと思いやっていました。全体的なイメージは7月の間にできていたのですが、その後もちょこちょこ細かい部分を何度も変更したりしてしまっているうちに8月が終わってしまいました。

「このままじゃ一生リニューアル終わらない!!」と思い、とりあえず一段落したという事でこの記事を書いています。自分のブログだと、自分の好きな時(思い立った時)に変更できて楽しいですね。楽しいからついつい細かいところにも変なこだわりが出てしまってなかなか進まないのですが…今後も細かい部分は少しづつでも変更していくかもしれません。

リニューアル後のブログ

リニューアル前のスクショを撮っておくのを忘れたので、どう変化したのか分かりづらいと思いますがリニューアル後のトップページはこのようになっています。

「なんでWebrandumって名前なの？」って聞かれる事がたまにあるので、由来であるウェブデザイナーの備忘録(Memorandum)をメインビジュアルに載せています。

サイドバー

あとサイドバーなんかは大幅に変わりましたね。前はサイドバーの見出しが、記事本文のh2見出しと同じだったので目立ってしまい、本文を読む邪魔になっているんじゃないかと感じました。そこで薄い色の細い線でサイドバーを囲み、見出しもフォントを太くするだけに抑えています。

他にも、新しく管理人という項目を追加しています。今まではアバウトページには書いていたのですが、それ以外の場所に自分の挨拶というか自己紹介を載せてなかったんですよね…とりあえず作成しておいた感じです。

後は記事ページの場合は目次をサイドバーに表示させるようにしました。追尾してきて現在呼んでいる場所は色がつきます。これにはTOC | jQuery Table of Contents PluginというjQueryプラグインを利用しています。

文章量で記事をカテゴライズ

このブログは結構ボリュームのある文章量の記事もあれば、短い記事もあります。これに関して、記事を開くまでその記事のボリュームが分からないというのはどうなんだろう？とずっと考えていました。

1つの結論として、記事の文字数を取ってきて、その文字数に応じて読了予想時間を表示していたのですが、この文字数にはコードの文字数も含まれてしまいます。それに記事内の動画なども省いた時間が表示されてしまいます。それに、記事一覧に「読了予想時間20分」とか書かれている記事って逆に読んでもらいにくいなと感じました。

そこで考えたのがタクソノミーの追加です。自分が毎回記事を書くごとにタクソノミーでその記事が長いか短いか普通か僕の独断でなんとなく分類していけばいいんじゃないかと考えました。かなり原始的な方法だと思いますが。