トワイライツ・ノーツ

日記と本と、時々Web

ブログデザインをカスタマイズしました

数年ぶりにブログのデザインを変えてみました。といっても大したことはしていなくて、配布されているテンプレートに少し手を加えた程度です。

ずっとレスポンシブではなかったのですが、こちらもこの度対応してみました。

元にさせていただいたテンプレートはこちらです。

Written - テーマ ストア

そもそも、なぜブログのデザインを変えたか

  • そろそろレスポンシブ対応をさせたかった
  • 前のデザイン(公式テーマ:レトロポップ)はアイコンなどは可愛らしかったが横幅が狭く、デザイン的にも少々古さがあった
  • テーマストアで見つけたテンプレートのデザインがすっきりしていてカスタマイズしやすそうだったので、少し手をかけてもいいかなという気になった

デザインの要件

  • シンプルであること
  • 多少は他と違いのあるデザインであること
  • レスポンシブであること
  • ブログなので文章の読みやすさを損なわないこと

カスタマイズしたこと

背景画像(PCだけ)

www.pakutaso.com

こちらの画像を、最近ときどき綺麗めなサイトで見かけるような感じでガウスぼかしなどの加工をした後、背景画像へ全面配置しました。

Webフォント導入

Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access

こちらを利用してさわらびゴシックを設定してみました。これで雰囲気が結構変わった気がします。

見出しやリンク色の変更

元々がシンプルなテーマなので、これだけでもかなり変わります。

タイトル領域の縮小(スマホのみ)

ファーストビューでちょっと幅を取り過ぎかなと思ったのでブログタイトルなどの領域を小さくしました。

ブログのデザイン変更のまとめ

はてなブログのデザイン変更は設定方法にも結構癖があってあまりいじりやすいとは言えないですが、それでもシンプルなテーマを元にすれば比較的やりやすいです。

当面はこのデザインで行くと思います。