
サイドバーを左へ 2:いよいよ左側へ
メインページの構成がわかったところで、どうすればサイドバーが左にいってくれんのやろか?と思って検索・・・。ってことで、
>>自宅サーバーを楽しもう!::テンプレートを参照させていただきました。
要は、今現在
id="alpha"
「エントリー表示部」
id="beta"
「検索表示部」
「カテゴリー表示部」
「アーカイブ表示部」
「フィード説明・MTバージョン表示部」
となっているのを、
id="alpha"
「検索表示部」
「カテゴリー表示部」
「アーカイブ表示部」
「フィード説明・MTバージョン表示部」
id="beta"
「エントリー表示部」
てな感じで、入れ替えれば、ええっちゅうわけですわ。
まずは、</head>のすぐ下にある
<body class="layout-two-column-right">
を
<body class="layout-two-column-left">
に変更します。(赤字を書き換え)
次に上記のように、
「検索表示部」~「フィード説明・MTバージョン表示部」と「エントリー表示部」をごっそり入れ替えます。
<div id="alpha">
<div id="alpha-inner" class="pkg">
<MTEntries>
<$MTEntryTrackbackData$>
・
・
・
</MTEntries>
</div>
</div>
<div id="beta">
<div id="beta-inner" class="pkg">
<div class="module-search module">
・
・
・
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div>
</div>
</div>
を
<div id="alpha">
<div id="alpha-inner" class="pkg">
<div class="module-search module">
・
・
・
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div>
</div>
</div>
<div id="beta">
<div id="beta-inner" class="pkg">
<MTEntries>
<$MTEntryTrackbackData$>
・
・
・
</MTEntries>
</div>
</div>
に。(赤字と青字を入れ替え)
おぉ!無事左側へ移動成功!よかったよかった。