Movable Type はデフォルトで右サイドバーの２カラムになっている。これを左サイドバーにするにはどうするか？ すぐに忘れてしまうので、メモ書きで残しておきます。 簡単に記述すれば、メインページのbody のクラスを body class="layout-two-column-left"に書き換える。 あとは div で囲まれた alpha の部分と beta の部分のＨＴＭＬをそっくり入れ替えて、それぞれまたalpha と betaを置換する。beta→alpha、beta-inner→alpha-inner という具合に。
<body class="layout-two-column-left">
<div id="container">
<div id="container-inner" class="pkg">
<div id="banner">
:
</div>
<div id="pagebody">
<div id="pagebody-inner" class="pkg">
<div id="alpha">←もともとbetaの部分
<div id="alpha-inner" class="pkg">
:
</div>
</div>
<div id="beta">←もともとalphaの部分
<div id="beta-inner" class="pkg">
:
</div>
</div>
</div>
</div>
</div>
</div>
</body>
ついでに全ソース↓メインページのテンプレをこれにそっくり入れ替えれば、左サイドバースタイルになる。
コメントする