MENU

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」など
お好きなものでいいです。
これをサーバーにアップします。

ヘッダに追記

スクリプトを読み込むために、テンプレートのヘッダ部分に
以下を追記します。
<script src="<$MTBlogURL$>java.js" type="text/javascript"></script>
場所は<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です。

よかったらシェアしてね!

この記事を書いた人

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

目次
閉じる