ブログ 模様替え

ご覧の通り、久しぶりにブログのデザインを変えてみました。
サイドバーが右に２列というのは、あまり見ないデザインでしょう。

いままで右サイドバー１列のレイアウトを使っていました。これは、狭い画面の人でも読みやすいように、本文は左側に配置したほうがよかろうとの考えからです。ヘッダもあまり大きくない、シンプルなものを選んでいます。しかし、ブログパーツに凝り始めると、サイドバー１列では長くなりがち。かといって、左右にサイドバーがある３列レイアウトの既製テンプレートは、中央の本文カラムの幅が狭くて窮屈です。
（リッチテンプレートを使わなければいい、というのは言いっこなしで。）

そこで見つけたのがこのデザインなのですが、ココログのテンプレート集には、直接収録されていないものなので、あまり使われているのを見ません。シンプルながら個性的ではないかと、ほくそ笑んでいます。これはココログにテンプレートを提供している業者のひとつdecowebのサイトで配布されているものです。配布CSSを読んでみたら、右サイドバーの一つ目は論理上は「左サイドバー」で、
left: 550px;
width:200px;
と、大きな水平オフセットを与え、中央の本文カラムを
left: -200px;
width:550px;
として、左サイドバーの幅と等しい負のオフセットを与えて左端に寄せていました。なるほどね。ページの表示のとき、よく見ると本文より左サイドバーが先に読み込まれるのが分かります。

本文幅550px、サイドバーが200pxずつ、計950pxで、XGAに近い幅を占めてしまうのは、さっき言った「狭い画面でも見やすい」主義に反してしまいます。それでも操作性を考え、左サイドバーには、ブログのナビゲーションに関する、ココログ標準のパーツを配置。本文より先に読み込まれるので、重いパーツは置かないようにしました。右サイドバーは遊びのパーツ。狭い画面で切れたり、読み込みが遅くても差し支えのないものにしました。

実は１年くらい前に、このデザインを見つけて試してみていたのですが、当時使っていたブログパーツと相性が悪くて、保留してしたもの。いま試したら問題なかったので、ようやく模様替えできました。