MovableTypeを３カラム化、結構いいかも！

VOXの３カラム形式がどうにも良いのでニバイハンも３カラム化してみました。一番左に記事を並べて、その横２列に関連情報をいっぱい置くタイプのものです。

ブログパーツなんかを増やすと困っていたのですが、これで表示できる情報量は結構多くなりました。とりあえずアーカイブ系も３カラムにしてみましたが、こちらはこれからの評判などを見て２カラムに戻すかもしれません。

MT3.3からは１カラム、２カラムの左右両タイプ、３カラムと色々なタイプに対応したCSSがデフォルトで入っていますので比較的簡単に導入できました。

手順はこんな感じ。

１、メインインデックスのテンプレートでカラム形式を変更。

まずは「two-colmun」を「three-colmun」に変更する。こうしないとサイドバーが２本にならず、縦に並んでしまいます。次に、３つ目のカラムである「ganmma」の追加する。もともとサイドバーになっている「beta」を使うと良いかも。

２、CSSでレイアウト調整

元々CSSに記述されている３カラムは左右にサイドバーが置かれるタイプになっています。まずは一番左のalhpaを記事を見せる適正な広さに広げてあげる。次に各サイドバーである「bata」「ganmma」のサイズを調整していきました。

３、アーカイブ系にテンプレートに反映

ここまでくればほぼ完了。あとはお好みでエントリーアーカイブなどの各アーカイブテンプレートに反映していってください。

MTのCSSの構造がよくわからんって人は以下のサイトを参考に。MTは3.2あたりからCSSの構造が変わって、レイアウトのカスタマイズがしやすくなりましたね。（それでも久々にやったら、半日かかってしまった…。）

▼MovableType幼稚園: MT3.2を３カラムにする

http://syoboi.com/movabletype/000025.html

あとはIEで確認してないので崩れていないかが心配なくらいですw