December 17, 2008

Relaunched blog

Relaunched blog

ブログをリニューアルしました。
今回はかなりの部分を変えました。

  • フォント
  • 2カラム
  • ページ分割
  • 日付
  • 見出し

細微な部分はまだ調整が幾つか必要ですが、大体はできあがりました。

フォント

ブログのフォントを変更しました。
以前は、ブログタイトルを Helvetica, Arial に指定していました。
今回は、それらを Georgia, Times New Roman に変更しました。
それと同様に、本文もGeorgia, Times New Roman に変更しました。

2カラム

レイアウトを2段組のものに変更しました。
以前は、カテゴリーや月々のアーカイブを下段においていました。
今回は、それらを右に移してナビゲートしやすくすることを狙いました。

ページ分割

エントリーの表示数制限をなくしました。
以前は、Movable Type でエントリー数を3つまで表示するように設定していました。
今回は、PageBute というプラグインを使って分割し、下段にナビゲーションを表示しました。

日付

記事投稿日が目立つよう位置を変えました。
以前は、投稿日を目立たない位置に配置していました。
今回は、記事のタイトルの左に配置することで投稿日の存在感を上げました。

見出し

記事に見出しを付けるようにしました。
以前は、一部小見出しを使ってはいましたが、ほぼ皆無でした。
今回は、見出しとなる<h4>タグ<h5>タグにCSSを当てて、見やすさの改善を図りました。

抱えている問題

  • Internet Explore 6
  • 右上の検索フォームが正しい位置にない。 修正しました。

    各々のページに移動すると、右メニューの背景が崩れる。 修正しました。

  • Internet Explore 6, Internet Explorer 7, Safari
  • CSSでフォントを Georgia に指定しているのに、そうならない。修正しました。

  • Firefox, Opera, Safari
  • 下段のページナビゲーションのレイアウトが崩れている。修正しました。

 

近いうちに修正が必要ですね。修正完了。
修正する項目の中で一番厄介だったものは "下段のページナビゲーションのレイアウトが崩れている。" でした。詳しいところはFirefoxは</li>の後に&があるとページが崩れる。