« サイドバーを左へ 2:いよいよ左側へ | メイン | フッターを追加してコピーライトを。 »

サイドバーを左へ 3:各アーカイブページ(モジュール化)

今まで、メインページを元に、サイドバーを左側へもっていったんやけど・・・。まぁ、アーカイブページは別にして、 エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブの3つのアーカイブが表示さるページにも、 サイドバーは表示させたいわけですよ。

しかも、サイドバーの作りはとりあえずは一緒でええと思ってるもんやから、できれば1つ変えれば(メインページをいじれば)、 他のアーカイブページにも反映させたいと思い、どうしたもんかな~と思ってたんやけど・・・

>>MovableType幼稚園::MovableTypeのテンプレート・ モジュールは便利 を参照させてもらいました。

小躍りするほどうまくこちらも出来ればええんですけど。

何をしていくかというと、alphaの内容部分(サイドバー)をモジュール化しまして、 共通で表示させようということです。(不具合感じたらまた直せばええことやし。)

  • まず、テンプレートのページのモジュールをクリック。モジュールを新規作成を選択します。  

20060317-01

  •  テンプレート名に好きな名前 (ここではsidebarと付けたとします。)、 モジュールの内容はメインページのalpha部分、つまり 「検索表示」~「フィード説明・MTバージョン表示部(↓の赤字部分)」をごっそりコピーして貼り付けます。 そして保存します。

<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="alpha">
  <div id="alpha-inner" class="pkg">
  <$MTInclude module="sidebar"$>
  </div>
</div>
<div id="beta">

エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブ↓

<div id="alpha">
  <div id="alpha-inner" class="pkg">
  <$MTInclude module="sidebar"$>
  </div>
</div>
<div id="beta">
  <div id="beta-inner" class="pkg">

    <p class="content-nav">

  • エントリーアーカイブ,カテゴリーアーカイブ,日付アーカイブの3つは、 </head>のすぐ下にある部分も書き替え。

<body class="layout-one-column">

<body class="layout-two-column-left">

に。(赤字部分)

そして、再構築・・・。うぉ~!っと大踊りしてしまいました。それにしても、 MovableType幼稚園さんは、テンプレートも配布してはるんですねぇ、すごいなぁ。

スタイルシートいじって、デザインも変えたいんやけど、なっかなか中身みても何をどう変えたらええんかチンプンカンプンやのに・・・。

メニュー群の並び替えもやりました。「検索」が一番上にあるんがちょといややったので。

トラックバック

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

コメントを投稿

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