３カラムレイアウト
Movable Type 3.2のデフォルトテンプレートではメインページの右側に１つのサイドバーを配置したものになっています。これに手を加えて左側にサイドバーを追加し、３カラムレイアウトにします。
MT3.2のスタイルシートとテンプレートは、カラムのレイアウトが"alpha"というカラムで開始し、beta、gamma(３カラム目)という名前の順番に並ぶように設計されています。
最上位部のbannerを含めて３カラムレイアウトは以下の構成になります。
デフォルトのメインページ(index.html)の３カラム化は以下の手順で行います。
- テンプレートからメインページの編集に入り、<body class="layout-two-column-right">を<body class="layout-three-column">に変更します。
- <div id="beta"> <div id="beta-inner" class="pkg">で始まるコード部分をコピーして、<div id="pagebody"> <div id="pagebody-inner" class="pkg">の後（つまりalphaカラムの前）に貼り付けます。
- betaをalphaに変更します。つまり、<div id="beta"> <div id="beta-inner" class="pkg"> を<div id="alpha"> <div id="alpha-inner" class="pkg"> に変更します。
- 同様に中央のカラムをalphaからbetaに変更します。
- 同様にテンプレートでさらに下にある元々のbetaをgammaに変更します。
- 保存してテンプレートを再構築して正しくカラムレイアウトができていることを確認します。正しくなければデフォルトテンプレートをリフレッシュし、再度やり直します。<div>の数が合っているか、bodyタグの変更を忘れていないかに注意して下さい。
- これで左右に同じ中身のサイドバーが表示されます。後は必要に応じてモジュール化やパーツの削除・追加を行って下さい。