MTカスタマイズ：サイドバーの月別アーカイブをプルダウン化する方法

月別アーカイブメニュー月別アーカイブをそのまま表示させると
ズラ～っと長くなってしまいます。

←　まだまだ続きます（笑

そこで、月別アーカイブをプルダウン化
することにしました。

Javaスクリプトの外部ファイル化

Javaスクリプトを使うのですが、直接テンプレートに記述せず
外部ファイルにします。

function PLDOWN(){
	Sel=document.PullDown.OP.selectedIndex;
	Url=document.PullDown.OP.options[Sel].value;
	top.location.href=Url;
}

上記をテキストエディタに貼り付け、保存します。

ファイル名は「java.js」や「pulldown.js」など
お好きなものでいいです。

これをサーバーにアップします。

ヘッダに追記

スクリプトを読み込むために、テンプレートのヘッダ部分に
以下を追記します。

場所は<head>と</head>の間です。

テンプレートのソース修正

■変更前

<MTArchiveList archive_type="Monthly"><MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a>（<$MTArchiveCount$>）</li>
<MTArchiveListFooter></ul></MTArchiveListFooter></MTArchiveList>

■変更後

<form name="PullDown" action="#">
<select name="OP" onChange="PLDOWN()" class="form" style="width:198px;">
<option>月別アーカイブ</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$>（<$MTArchiveCount$>）</option>
</MTArchiveList>
</select>
</form>

幅の指定は、ご自身のブログのサイドバーの幅に合わせて
適宜変更してください。

指定しない場合は、style="width:198px;"を削除してください。

あとは再構築すればOKです。

2010年7月22日｜コメント（0）｜トラックバック（0）

カテゴリー：Movable Type