MovableType3.3jaに移行するまでは、バージョンは忘れたが、やはりデフォルトのテンプレートを改良して3カラム化していた。でもデフォルトのテンプレートのCSSも3.3の様に複雑じゃ無かった。
3.3jaに移行して、ダイナミック化に伴いページレイアウトを変更してみようと、デフォルトのCSSを見てびっくり。総ての要素がCSSファイルに入っている。
だから実際ぼくにとっては不必要なCSSもあるのだが、はてさてどれを削除すれば良いものやら当初は結構悩んだ。しかもalphaやらbetaやらgammaやら、2カラムと3カラムではalphaが左カラムになるのか、はたまたbetaは何処と、ちょっと整理しなくてはややこしい。
最初は無視して従来のCSSをそのまま使ってやろうかと思ったのだが、どうも考察していると、なかなかどうして、デフォルトのCSSは複数のブラウザでも表示が崩れないように工夫されているように思った。あくまで思っただけなのだが・・・。でもページを変更し終えてMacの環境だけだが、Safari、Firefox、explorerと見比べてもほとんど違いが無い。
作業を終えるまではもう一つ確信はなかったのだが、なんとかデフォルトを生かしながらやってみようと心に決めたのだが、前述のように本当にややこしい。これは図解にでもして頭を整理しなけりゃできないなと思っていた。そしたら、そんな整理をやっておられる方が居た。【MovableType幼稚園】のMTひよっこさんの【MT3.2を3カラムにする】というエントリー。こちらの記事を見てなるほどそういうことかと頭がスッキリした。ここまで整理するのはなかなかのご苦労かと思うが、それはぼくのMovableTypeの、あるいはCSSの理解力が無いからそう思うのだろうか?
いずれにしても3カラム化を考えておられていて、ぼくのように頭がこんがらがっている方は上記MTひよっこさんのエントリーを参照することをお勧めする。


コメントする