トップ＞ 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>
それを３カラムレイアウトに変更してみましょう。
※スタイルシートに既に３カラム用の定義が記述してあります。
１．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>
カテゴリ内の記事
- CMS:MT(Movable Type)とMySQLで構築してみる(2005/09/13)
- MT3.2のテンプレート（スキン）構成(2006/04/02)
- MT3.2のレイアウトを３段（カラム）へ(2006/04/02)
- MTのカテゴリの表示順制御(2006/04/02)
- MTの関連カテゴリのエントリを表示する(2006/04/02)
- MTのカテゴリツリーにエントリも表示(2006/04/02)
- MTのパン屑(2006/04/02)
- MT：エントリー（記事）の順序を指定する(2006/04/03)
- MTに別システムの記事を読み込ませる(2006/04/13)
- MTを携帯対応にする・・・MT4i(2006/04/27)
- MTに携帯から写真をメールで送る（モブログ）(2006/05/23)
