無邪気で天真爛漫なホッピーと慎重(ビビリ!?)なノアとの日常をつづっています♪

ほぴのあボーイズ Dog*Walk

Movable Type

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

投稿日:2010年7月22日 更新日:

月別アーカイブメニュー月別アーカイブをそのまま表示させると
ズラ~っと長くなってしまいます。
← まだまだ続きます(笑
そこで、月別アーカイブをプルダウン化
することにしました。

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

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

上記をテキストエディタに貼り付け、保存します。
ファイル名は「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です。

  • この記事を書いた人
  • 最新記事
ヒトミ

ヒトミ

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

-Movable Type
-

Copyright© ほぴのあボーイズ Dog*Walk , 2018 All Rights Reserved.