Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

MovableType備忘録流月別アーカイブ一覧

May062007
Vote:
http://bizcaz.com/archives/2007/05/06-165403.php
Categories: Customize
Tags: Customize, Monthly Archive List, MovableType, Plugins
Social Bookmark

Prev Page: MovableTypeの再構築をストレスなくやってみる
Next Page: MovableTypeのカテゴリ一覧などをツリー表示する２

またまた、こんにちわ^^

訪問者さんからご質問がありました。
わたしのサイトの月別アーカイブ一覧の表示の仕方を教えてくださいとのことでしたので、この場をお借りしてお答えします。

基本的にはこちらのMovableTypeに年別アーカイブを追加するで紹介している方法をカスタマイズしたものになります。

MovableType備忘録流なんてたいそうなこと言ってますが、実際には大したことしてないです (;￣∇￣A ごめんなさい

カスタマイズ

実際にわたしが使ってる、月別アーカイブ一覧のタグを以下に記します。

月別アーカイブ一覧タグ

<div class="widget_archives widget">
<h3 class="widget_header">Monthly Archive</h3>
<div class="widget_content">
<dl>
<MTArchiveList archive_type="Yearly" sort_order="ascend">
<MTArchiveList archive_type="Monthly" sort_order="ascend">
<MTArchiveListHeader>
<dt class="header"><$MTArchiveDate language="en" format="'%y"$>:</dt><dd>
</MTArchiveListHeader>
<a href="<$MTArchiveLink$>"><$MTArchiveDate language="en" format="%m"$></a>
<MTArchiveListFooter sort_order="ascend"></dd><dt class="footer"> </dt></MTArchiveListFooter>
</MTArchiveList>
</MTArchiveList>
</dl>
</div>
</div>

赤い字の部分で年別に、青い字の部分でエントリを投稿した月をリストアップしています。
上記タグを再構築すると以下のようになります。

月別アーカイブ一覧

<div class="widget_archives widget">
<h3 class="widget_header">Monthly Archive</h3>
<div class="widget_content">
<dl>
<dt class="header">2005:</dt>
<dd><a href="<$MTBlogArchiveURL$>2005/12/">12</a></dd>
<dt class="footer"> </dt>
<dt class="header">2006:</dt>
<dd><a href="<$MTBlogArchiveURL$>2006/01/">01</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/02/">02</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/03/">03</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/04/">04</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/05/">05</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/06/">06</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/07/">07</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/08/">08</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/09/">09</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/10/">10</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/11/">11</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2006/12/">12</a></dd>
<dt class="footer"> </dt>
<dt class="header">2007:</dt>
<dd><a href="<$MTBlogArchiveURL$>2007/01/">01</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2007/02/">02</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2007/03/">03</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2007/04/">04</a></dd>
<dd><a href="<$MTBlogArchiveURL$>2007/05/">05</a></dd>
<dt class="footer"> </dt>
</dl>
</dl>
</div>
</div>

青い字が2005年度分の月別アーカイブになります。
赤い字のが2006年度、緑の字が2007年度分の月別アーカイブ一覧になります。

この結果をCSSでデザインするわけです (￣∇￣)b
以下にわたしが使ってる、月別アーカイブ一覧のスタイルを記します。

月別アーカイブ一覧のスタイル

.widget_archives dl dt.header {
height: 16px;
display: block;
float: left;
font-weight: 700;
}
.widget_archives dl dt.header a {
font-weight: 700;
text-decoration: underline;
}
.widget_archives dl dt.header a:hover {
text-decoration: none;
}
.widget_archives dl dt.footer {
height: 0; /*for IE*/
display: none;/*for IE*/
clear: both;
}
.widget_archives dl dd {
margin-bottom: 5px;
display: block;
}

各自のサイトに合わせて、お好みでスタイルをカスタマイズしてください (￣∇￣)/

Edit
Permalink
4 Comments
1 TrackBack

Trackback Pings(1)

TrackBack URL for this entry:

from K's Labo: 香川県の昨日の最高気温は34度もあったらしいです（うへぇ〜）。どおりで暑かったは...
Tracked on June 27, 2007

Comments(4)

#1: Posted by ぷーこ @ May 8, 2007 [REPLY]

bzbellさん、こんにちは～（*^_^*）
GW、満喫した様で何よりです♪
私は。。。特にどこへも行ってません(＿TдT)
体調絶不調だったので。
ところで私もこの月別アーカイブ、気になってたんですよｗ
すごく見やすいな～と思っていたんです。
これはやってみないとですねφ(￣∇￣o)ゞ

#2: Posted by bzbell @ May 8, 2007 [REPLY]

>>1 ぷーこさん

こんにちわ^^

> 体調絶不調だったので。

ありゃ、りゃ(´･д･`)
せっかくのお休みだったのに、残念でしたね。

> 私もこの月別アーカイブ、気になってたんですよｗ

えっーーー!!
言ってくれれば良かったのに (＞∀＜　)

基本的にわたしが覚えたことはすべて公開するつもりなんで、気軽に聞いてください (￣∇￣)/

#3: Posted by かわぐち @ June 27, 2007 [REPLY]

ども、かわぐちです。

うひょ～、そんな手があったんですか！
早速、私のブログに導入しました。
いいですね、これ！

毎度のことながら、ありがとうございます。

#4: Posted by bzbell @ June 27, 2007 [REPLY]

>>3 かわぐちさん

こんにちわ^^

> いいですね、これ！

よかったぁ気に入ってもらえて♪

> 毎度のことながら、ありがとうございます。

いえいえ、お互い様ですの (￣∇￣)/

Post a Comment

ホーム
アーカイブ
カスタマイズ
MovableType備忘録流月別アーカイブ一覧

RSS Feed