2007年3月26日

Movable Type の月別アーカイブリストを簡略表示する

March 26,2007 2:25 AM
Tag:[, , ]
Permalink

月別アーカイブリストの簡略表示月別アーカイブリストをスクリーンショットのように簡略表示にするカスタマイズです。ご質問を頂きましたので本エントリーにて紹介致します。
調べてみたところ、このような表示は俗に「monthchunks」と呼ばれているようです。

1.プラグインのダウンロード・アップロード

下記のリンクよりプラグインをそれぞれダウンロードしてください。

ArchiveDateHeader プラグイン
ArchiveDateFooter プラグイン

ダウンロードしたアーカイブを解凍し、中にあるファイルを、Movable Type の plugins ディレクトリにアップロードします(詳細はそれぞれのエントリーを参照ください)。
管理メニューの

メイン・メニュー > システム・メニュー > プラグイン

で、それぞれのプラグイン名が表示されればOKです。

2.月別アーカイブリストタグの設定

月別アーカイブリストを、表示させたいテンプレートのサイドバー部分に貼り付けます。

デフォルトテンプレートの場合

<MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="module-archives module">
   <h2 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
   <div class="module-content">
   <MTArchiveList archive_type="Monthly">
      <MTArchiveDateHeader>
      <dl class="module-list module-mc-archive">
      <dt class="module-mc">
         <$MTArchiveDate format="%Y年"$>
      </dt>
      </MTArchiveDateHeader>
      <dd class="module-mc-item">
         <a href="<$MTArchiveLink$>"><$MTArchiveDate format="%B"$></a>
      </dd>
      <MTArchiveDateFooter>
      </dl>
      </MTArchiveDateFooter>
   </MTArchiveList>
   </div>
</div>
</MTIfArchiveTypeEnabled>

公開テンプレートの場合

<MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="sidetitle">
Monthly Archives
</div>
 
<div class="side">
   <MTArchiveList archive_type="Monthly">
      <MTArchiveDateHeader>
      <dl class="module-list module-mc-archive">
      <dt class="module-mc">
         <$MTArchiveDate format="%Y年"$>
      </dt>
      </MTArchiveDateHeader>
      <dd class="module-mc-item">
         <a href="<$MTArchiveLink$>"><$MTArchiveDate format="%B"$></a>
      </dd>
      <MTArchiveDateFooter>
      </dl>
      </MTArchiveDateFooter>
   </MTArchiveList>
</div>
</MTIfArchiveTypeEnabled>

3.CSS の設定

下記の CSS をスタイルシートに追加します。

デフォルトテンプレートの場合

.module-mc-archive {
    margin:0 0 8px;
    padding:0;
}
.module-mc {
    margin:0;
    padding:0;
}
.module-mc-item {
    display: inline;
    margin:0 0 0 4px;
    padding:0;
}

公開テンプレートの場合

.module-mc-archive {
    margin:0 0 5px;
    padding:0;
}
.module-mc {
    margin:0;
    padding:0;
}
.module-mc-item {
    display: inline;
    margin:0 0 0 1px;
    padding:0;
}
Comments [2] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3