2007年01月21日 (Sun)

iBlogテンプレート修正、悪戦苦闘。

昨日に引き続き、iBlogのテンプレート修正作業。
一番のキモは‘3カラム化’、そして新スタイルシートへの早期対応を目指す。

ここに来て3カラム化を思い立った理由であるが、一番大きかったのはサイト全体のコンパクト化。今まではエントリ部分の横幅が固定だったのだが、これは自分の意図した通りにレイアウトが組めるという反面、ブラウザの横幅が狭いと横スクロールを要するという問題点も抱えていた。実際、私自身もBonEcho上でSageを開きつつ自サイトのチェックを行う機会が多く、この横スクロール問題に悩まされていた。ディスプレイの横幅がユーザによって異なる事を考えても、メインのボックス要素は可変幅である事が望ましい。
そもそも、このBlogが固定幅の2ペイン形式でスタートしたのにはワケがあった。HTML Validな状態でCSSによる3カラムを実現するのはかつて容易ではなかったのだ。その最大の要因は、Internet Explorerによる独自CSSの実装。他のブラウザでどれだけ綺麗にレイアウトが組めても、IEに持っていった途端破綻するというケースが極めて多かった。そして2ペインの場合メインボックスが必要以上に横長となり、間延びする心配もあった。しかし数日前にこんなページを発見し、思い切って3カラム化に挑んでみようと決意。
それと、いい加減シャイニ〜シャイニ〜なテンプレートにしてみるってのもアリかと。それにはスタイルシートの大幅なテコ入れが必要になるが、それに備えてHTML側をちょいテコ入れしておこうかと。

んで、ハロモニ観ながらテンション上げつつテンプレ修正〜。
CSS側の3ペイン指定は結構楽勝で、作業そのものはあっさり終了。ついでにFeedPageもちゃちゃっと手直し。

→余計な事をやらかしてしまいました。

iBlogでリセットプレビューを掛けてみた所、どうも挙動がおかしい。普段であれば10分もしないうちに全ページのファイル生成が完了するのだが、今日に至っては途中昼寝してもまぁだ終わっちゃいねぇ。
んで、二進も三進も行かなくなってiBJに泣き付き、t0mori先生の教えを請うてようやく原因解明。FeedPageの文字コードがUTF-8になっていたのが原因だったらしい。ココを手直しして再度リセットプレビュー、今度は5分で処理完了。

こうして、紆余曲折あったものの何とか3ペイン化作業が終了。
来週末には新スタイルに差し替えられるといいなぁ…。

Copyright © 2007 Team Flame Magician, All rights reserved.