« ゴッホの耳 | Main | ATARI 400 »

July 3, 2005

アーカイブリストをプルダウンメニューで表示する

このブログはカテゴリーと月間アーカイブリストをプルダウン表示し、サイドバーのスペースを節約している。今回はJavaスクリプトを利用して、アーカイブリストをプルダウンメニューで表示する方法を解説しよう。

STEP 01: WEBLOG CONFIG > Archivingの設定

1) MovableTypeの設定画面[WEBLOG CONFIG]にアクセスし、[Monthly]と[Category]のオプションにチェックを入れる。

Main Menu > Your Blog > Configuration > Archiving

archives.gif


STEP 02: テンプレートの編集 - カテゴリーアーカイブ

1) テンプレートの編集画面のIndex Templatesから、[Main Index]テンプレートをクリックする。

Main Menu > Your Blog > Templates

index_templates.gif

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>

author.gif tsutomu link.gif PermaLink



search.gif

Powered by