Movable Typeの標準テンプレートでは、サイドバー(ナビ)は右側についています。
通常のブログであれば特に不自然ではないのですが、いわゆるホームページとして活用する場合は、リンクナビなどのサイドバーは左側に配置されていることの方が多いですよね?
ということで、右側についているサイドバーを、左側に移してみましょう。
この作業は、各ページテンプレートそれぞれに行う必要がありますが、とりあえずメインページを参考に説明します。
インデックステンプレートの中の『メインページ(index.html)』を開いてください。
<body>~</body>タグの中をじっくり見てみると、次のような大きなくくりがあることがわかるでしょうか。
: :: :
最初の2行(+最後の2行)が、メインページのボディとなるコンテンツをくくっているタグです。
その次の行に『alpha』という表現が入っていますが、この <div id="alpha">~該当する</div> がメインの記事部分、その次の <div id="beta">~該当する</div> がサイドバーの部分です。
※テンプレートの全体構成については、こちらを参考にしてください。
⇒ テンプレートの基本的な構成
現在右にあるサイドバーを左に移すには、単純に、サイドバーの部分を先に記載すればよいだけです。
つまり、 <div id="alpha">~該当する</div> と <div id="beta">~該当する</div> の位置を逆にします。以下のようになります。
: :: :
これで、サイドバー部分が先(左側)に、記事部分が後(右側)に表示されるようになりました。
メインページ以外のページテンプレートも同様の構成になっていますので、同じように順序を入れ替えておきましょう。