MT3.2ja-2 StyleCatcherのカスタマイズと3カラムにする

スタイルキャッチャーで選んだデザインは mt/mt-static/theme/ の中に theme-*****/ などと、その名前のついたフォルダがインストールされていた。選んでいないデザインはまだ入っていない。インストールされたデザインのフォルダには、アイコンや.cssが同梱されている。その.cssをローカルにダウンロードして好みに修正し、またアップロードすればカスタマイズ完了。またはその.cssをコピーしてテンプレートを新たに作っても良いかも。

でもメインインデックスは、未だ2カラムのデフォルトのまま。これを3カラムにしたいと検索すると、MovableType4989さんで紹介されていた。画像つきで非常に分かりやすいです。ありがたいものですね。m(__)m 

デフォルトでは
ボディ全体が #layout-two-column-right と定義され、
前半に左側のエントリーを #alpha , #alpha-inner として書き出し、
後半に右側のリンクメニューを #beta , #beta-inner として書き出している。

これを3カラムへ変換する概要としては、
①ボディの #layout-two-column-right を #layout-three-column に、前半の #alpha, #alpha-inner を #beta, #beta-inner に、後半の #beta, #beta-inner を #gamma, #gamma-inner に修正する。
②後半の修正済み #gamma, #gamma-inner をコピーして、ページボディの最初に貼り付け、 #alpha, #alpha-inner に変更する。

【MT3.2ja-2を3カラムにする手順】
(テンプレートのメインページを全て選択して、行数の表示できるエディタにコピーしておく)
1. デフォルトのインデックステンプレートのメインページで、20行目 <body class=”layout-two-column-right”> を <body class=”layout-three-column”> に修正。
2. 33行目 <div id=”alpha”> 、34行目 <div id=”alpha-inner” class=”pkg”> を、<div id=”beta”> <div id=”beta-inner” class=”pkg”> に修正。
3. 63行目 <div id=”beta”> 、64行目 <div id=”beta-inner” class=”pkg”> を、<div id=”gamma”> <div id=”gamma-inner” class=”pkg”> に修正。
4. 63行目 <div id=”beta”> から143行目 </div> までをコピーして、31行目 <div id=”pagebody”> 32行目 <div id=”pagebody-inner” class=”pkg”> の直下にペースト。
5. 4.でペーストした <div id=”beta”> <div id=”beta-inner” class=”pkg”> を <div id=”alpha”> <div id=”alpha-inner” class=”pkg”> に修正。
6. サイド部分をコピーしているため同じものが左右両側に来る。よって、適宜内容を変更する。テキストエディタ上で作業が終わったら全てをコピーし、テンプレートのメインページにペーストする。保存、再構築する。