トップ＞ movable type - ムーバブルタイプ＞ MT3.2のレイアウトを３段（カラム）へ

MT3.2のレイアウトを３段（カラム）へ

最新／フリー版は、２カラムレイアウトですが３カラムへ変更してみます。

レイアウトを３カラム構成にする

デフォルトは、右メニューの２カラム形式ですが、
それを３カラムレイアウトに変更してみましょう。

※スタイルシートに既に３カラム用の定義が記述してあります。

１．Body class 名変更
（１）変更前
　　　<body class="layout-two-column-right">
（２）変更後
　　　<body class="layout-three-column">

２．div class　の追加
　　class がそれぞれ左から、alpha／beta／gammaと決まっているようです。
　　現在の２カラムレイアウトの場合が、
　　本文=alpha、メニュー=betaとなっています。

　　それを３カラムレイアウトの場合は、
　　左メニュー=alpha、本文=beta、右メニュー=gammaとします。

　　よって、これまでの alpha はbetaに変更し、
　　betaは、gammaに変更します。

　　そして、左メニュー（新規）は、alphaと定義します。

　　最終的には、以下のとおりとなります。
　　＜左メニュー＞
　　　<div class="alpha"> .... </div>

　　＜中央＞
　　　<div class="beta"> .... </div>

　　＜右メニュー＞
　　　<div class="gamma"> .... </div>