« ゴッホの耳 | Main | ATARI 400 »
July 3, 2005
アーカイブリストをプルダウンメニューで表示する
このブログはカテゴリーと月間アーカイブリストをプルダウン表示し、サイドバーのスペースを節約している。今回はJavaスクリプトを利用して、アーカイブリストをプルダウンメニューで表示する方法を解説しよう。
STEP 01: WEBLOG CONFIG > Archivingの設定
1) MovableTypeの設定画面[WEBLOG CONFIG]にアクセスし、[Monthly]と[Category]のオプションにチェックを入れる。
Main Menu > Your Blog > Configuration > Archiving

STEP 02: テンプレートの編集 - カテゴリーアーカイブ
1) テンプレートの編集画面のIndex Templatesから、[Main Index]テンプレートをクリックする。
Main Menu > Your Blog > Templates

2) テンプレートから以下の文字列を探し、
<div id="categories">
<h2>Categories</h2>
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
3) 次のスクリプトで、文字列をそっくり置き換えてしまう。
<form action="" name="pulldown1">
<select name="mypulldown1"
onchange="document.location=pulldown1.mypulldown1.options[selectedIndex].value">
<option value="">Select Category</option>
<MTArchiveList archive_type="Category">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$></option>
</MTArchiveList>
</select>
</form>
STEP 03: テンプレートの編集 - 月間アーカイブ
1) テンプレートから以下の文字列を探し、
<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
2) 次のスクリプトで、文字列をそっくり置き換えてしまう。
<form action="" name="pulldown2">
<select name="mypulldown2"
onchange="document.location=pulldown2.mypulldown2.options[selectedIndex].value">
<option value="">Select Month</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveDate format="%B %Y"$></option>
</MTArchiveList>
</select>
</form>

