Movable Type 3.2のデフォルトテンプレートをとりあえず2カラムにする

Movable Type 3.2になって初めてデフォルトテンプレートを見た時、びっくりしました。
以前のものとはまったく違ったので。





なんかスタイルシートがむちゃくちゃ複雑になってるし、
メインページや他のテンプレートのHTMLを見ても、とりあえず理解不能。
以前には無かった要素とかが増えている感じでした。

そしてどうやら、コレは「スタイルシートを簡単に切り替えるための仕掛け」であることがわかってきました。



デフォルトのテンプレートは、2カラムのシンプルでいいデザインだと思うのですが、
ひとつだけ困るのは、エントリーページやアーカイブページに行くと1カラムになってしまうことです。

せめて個別のページも2カラムにしたい・・・。

そういう思いでテンプレートを変更してみることにしました。





まずは実際にテンプレートを見てみます。

環境設定テンプレート とクリックすると、インデックス・テンプレートが開きます。


メインページのテンプレートをクリックして見てみます。

すると、下の図のような構造になっています。
重要な部分だけを抜き出して色分けしてみました。








<body class="layout-two-column-right">がブログの本体の開始部分。



layout-two-column-rightで右サイドバーの2カラムデザインが指定してあるようです。

<div id="container">
<div id="container-inner" class="pkg">

とか、

<div id="pagebody">
<div id="pagebody-inner" class="pkg">

とかがあって、メインカラムに突入していくようですが、対応する部分の</div>に同じ色をつけてみました。



そして、この後に出てくる

<div id="alpha">
<div id="alpha-inner" class="pkg">

の部分が、メインカラムっぽいです。<MTEntries>とかもありますし。



そしてそれに続く、

<div id="beta">
<div id="beta-inner" class="pkg">

の部分が右サイドバーにあたるようです。
モジュール(module)とかがありますが、検索とかありますので、
サイドバーの中身は、このモジュール(module)とかいうヤツで構成されているようです。






続いて、環境設定テンプレートアーカイブをクリックします。
ここにあるエントリー・アーカイブが個別記事のHTMLみたいです。








<body class="layout-one-column" onload="individualArchivesOnLoad(commenter_name)">

layout-one-columnとなっています!

つまり、ここを変更すれば簡単に2カラムになるのか!?





喜び勇んで、layout-two-column-rightと変えてみて再構築しましたが、
サイドバーのスペースはできるものの、中身が表示されません・・・orz。

エントリー・アーカイブのHTMLの中身を見ても、div id="alpha"しかありません。
それならば、ここにメインページのテンプレートにあるdiv id="beta"を入れたらいいのではないか?と想像がつきます。





そういうわけで、メインページのテンプレートに戻って、
<div id="beta">の中身を丸ごとコピー。





エントリー・アーカイブのテンプレートに、
<div id="beta">の中身を丸ごとペーストします。

色分けから判断すると、何も考えず</div>を下から4つ数えて、その上にペーストすればいいようです。

div id="container"
div id="container-inner"
div id="pagebody"
div id="pagebody-inner"の4つに対応しているみたいですから。





そして、忘れずに
layout-one-column → layout-two-column-right に変更。

エントリー・アーカイブのテンプレートを保存し、再構築すると・・・。



エントリー・アーカイブ(個別記事)が2カラムになりました!。



環境設定テンプレートアーカイブカテゴリー・アーカイブ
環境設定テンプレートアーカイブ日付アーカイブ



これらも同様の手順で2カラムになりました!





よくわかっていませんが、とりあえず、コレでしばらくやっていこうかと思います(笑)。



@ 2006年02月3日