top

アーカイブページを月毎に分けて表示する

デフォルトで最初から付属しているアーカイブページ。ここでは全てのエントリーが一覧になって表示されています。そのままでもよかったのですが、月毎に区切って表示されるように変えてみました。今回は月別アーカイブをなくしたので、ここで月毎の投稿内容が分かるようにしたかったのです。

まず、標準でついている以下の部分を

<ul class="archive-list">
<MTArchiveList>
<li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

↓下記のものに入れ替えます。

<MTArchiveList archive_type="Monthly">
<b><$MTArchiveTitle$></b> (<$MTArchiveCount$>)
<div class="all-list">
<MTEntries>
<a href="<$MTEntryPermalink valid_html="1"$>">
<$MTEntryTitle$></a><br />
</MTEntries>
</div>
</MTArchiveList>

スタイルシートに以下の一文を追加。

.all-list { padding-left:10px; }

これでただズラーッと並ぶだけだったエントリー一覧が月毎に区切られ、見やすくなります。こんな感じになります。↓

060204.gif

■応用
archive_type="Monthly"の部分をarchive_type="Category"に変えると月毎ではなく、カテゴリー毎のエントリー一覧になります。覚えておくと便利だと思います。

MT改造の時いつも参考にしている座右の書、Movable Type スタイル&コンテンツデザインガイドに載っていたものを自己流にアレンジしました。難しいことをしなくても、MTタグだけで出来ることってけっこうあるんですよね。もっと基本をよく知っていきたいと思います。

 

トラックバックURL

トラックバックされる際にはこの記事へのリンクをお願い致します

コメントを投稿

 


 <注意>
 ご利用のブラウザ、設定ではコメントのプレビューおよび投稿はご利用になれません。
 コメント投稿の際はお手数ですがjavascriptをオンにして下さい。
 *javascriptオフのまま投稿ボタンを押すと送信内容が消えますのでご注意下さい。