« サイドバーを左へ 1:まずはメインページの中身の把握 | メイン | サイドバーを左へ 3:各アーカイブページ(モジュール化) »

サイドバーを左へ 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>

に。(赤字と青字を入れ替え)

おぉ!無事左側へ移動成功!よかったよかった。

トラックバック

このエントリーのトラックバックURL:
http://m.vv.cx/b_mt/mt-tb.cgi/17

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)