Movable Typeでアーカイブのリンクをセレクトメニューにしてみる

みなさん、こんにちは、まーしーです
東京は寒いですね。。。今年だけなんでしょうか。

さて、linker journalのサイドバーがこんなかんじで長くなりすぎていたので、少し整理しようかと思いました。

まず手始めに月別アーカイブのリンクをリストではなくセレクトメニューにしてみました。

もとのテンプレートはこんな感じですね

<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader>
<div class="menu">
<h2><img src="<$MTGetvar name="base_URL"$>images/menutit-archives.gif" alt="Archives 月別アーカイブ" width="81" height="30" /></h2>
<ul>
</MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
<MTArchiveListFooter>
</ul>
</div>
</MTArchiveListFooter>
</MTArchiveList>?

んでこのリストの所を修正して、こんなかんじでしょうか。

<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader>
<div class="menu">
<h2><img src="<$MTGetvar name="base_URL"$>images/menutit-archives.gif" alt="Archives 月別アーカイブ" width="81" height="30" /></h2>
<select onchange="location.href=this.options[this.selectedIndex].value">
</MTArchiveListHeader>
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$></option>
<MTArchiveListFooter>
</select>
</div>
</MTArchiveListFooter>
</MTArchiveList>?

書き方としてはjsのところを分けるとか色々ありますね。

見た目もこんなかんじで少しだけ短くなりましたね。

これでもまだ長いので、色々調整したほうがよさそうですね。

ということで、簡単ですがMTでやるならと言うときのメモでした。