Movabletypeの月別アーカイブをプルダウン化してみた

私のブログはMovabletype3.35を使用していますが、サイドメニューにある月別アーカイブの数が多くなってきて、ちょっと気になりだしたので、月別アーカイブをプルダウン化してみました。

このカスタマイズはいろいろなブログ等で説明されているので簡単にできました。一応やった手順を書いておきます。

まず、エディタなどを開き以下を書きます。

function directURL(URL){ if(URL!=""){ window.location.href=URL; } }　

記入したらdirectURL.jsという名前(ファイル名は何でもOKですが、最後の.jsはそのままに)にしてサイトの文字コードで保存します。ちなみに私はUnEditorというソフトを使い、ブログの文字コードがUTF-8なのでUTF-8で保存しました。

保存したらdirectURL.jsを自分のブログのサーバーにアップロードします。今回は一番上の階層にアップロードしました。

次に＜head＞～＜/head＞間に下記コードを追加します。
＜script type="text/javascript" src="＜$MTBlogURL$＞directURL.js"＞＜/script＞
ルートディレクトリ(一番上の階層)以外にアップロードされた方は、それに合わせて書き換えて下さい。

最後にMovabletypeの月別アーカイブを表示しているテンプレートに以下のコードを書きます。
＜form name="Monthly" action=""＞＜select onchange="directURL(this.options[this.selectedIndex].value)"＞＜option value="" selected="selected"＞Monthly Archives＜/option＞＜MTArchiveList archive_type="Monthly"＞＜option value="＜$MTArchiveLink$＞"＞＜$MTArchiveTitle$＞(＜$MTArchiveCount$＞)＜/option＞＜/MTArchiveList＞＜/select＞＜/form＞

これで月別アーカイブがプルダウンで表示できるようになりすっきりしました。