サイトデザインをリニューアルしました »キリンスキ

ブログを始めてから5回目のデザインリニューアルをしました。

これまではなんとなく見た目だけを考えてリニューアルしていたのですが、今回は使っている WordPress プラグインの見直しや、サイトをより見やすくするための工夫もしてみましたので、いろいろ書きためておこうと思います。

リニューアルにあたり、やりたかったこと

今回は、気になっていたいくつかのポイントを改善するためのリニューアルだったので、気になるポイントをまず挙げてみました。

なんとなく書き始めたブログなので、最後の「記事のレイアウトが統一されていない」についてはリニューアル後も課題となって残っているのですが、ここは時間のあるときに少しずつ調整していくことにしました。

リニューアルにあたって、お世話になったプラグインたち。どんな用途に使ったのかをざっくりと。

リニューアル前からも使用しているプラグインはこちら。

表示速度の改善のため、明らかに表示が遅くなっている箇所を取り除きました。

インデックスページや、一覧ページに置いていた SNS ボタンを廃止しました。
なんとなく、「いいね！」ボタンが一番重たい気がします…。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (2)

こちらもやはり表示に時間がかかっていたようなので、外しました。
以前のデザインにした際に、フッターに謎の余白ができてしまってしばらく原因がわからなかったんですが、このウィジェットを外すと直りましたね…。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (3)

これまでは、WPtouch というプラグインに頼ってモバイル版の表示をしていましたが、ようやくテーマを作りました。
モバイル版では、いまのところパソコン表示できませんが、いずれ選択式で表示できるようにしたいと思います。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (4)

これまでサイトで使っていたアイコンはすべて自作のものですが、Retina 対応 (同画像の4倍サイズ版も用意しないといけない) を考えるとシンボルフォントを使うのが効率的です。

本当は自分で作るのが一番なのですが、今回は Ligature Symbols というフォントセットを使わせて頂きました (本当にありがとうございます！)。
詳しくは作者さまのサイトをご覧いただくのが一番だと思います。
【完全版】Ligature Symbols フォントセットの自作方法 – くらげだらけ

シンボルフォント、自作してみたいな〜…。

これまで K-9 Mail や BlackBerry 関連の記事はすべて「携帯」カテゴリーだったのですが、ここに来てようやく「スマートフォン」カテゴリーを新設しました。(まさか、ここまでスマートフォン関連の記事が増えるとは思わず…)

また、「BlackBerry」や「Xperia」などカテゴリーにしたほうがいいタグはカテゴリーに移し、大小のカテゴリーを作って階層化してわかりやくしました。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (5)

他には、いま読んでいる記事のタグがハイライトされるようにしました。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (6)

主に「快適さ」を重視したリニューアルでしたので、多少の配置変更はあるものの、レイアウト的に大きく変わったところはそんなにありません。

記事を読んでくれる方が少しでも「快適になったな」と思っていただければうれしいです。サイトデザインをリニューアルしましたサイトデザインをリニューアルしました (7)

まだ細かい課題も残っていますが、その辺りは少しずつ改善していきたいと思います！