Pocket

Tweet

　このブログも月数を数え、右メニューの月別アーカイブへのリンク行数が増えてきたので、カレンダー下にプルダウンメニューとして移設してみました。

　メインインデックスのテンプレートを二ヶ所ほどいじるだけです。

　まずプルダウンメニューを触るだけでページ遷移が実行されるJavaSriptをヘッダ部分に書きます。今までページ内で他にJavaScriptを使っていない場合は、</body>の直前あたりに以下を挿入します。すでにJavaScriptを使っている場合には、４行目から８行目を適当なところに貼ってください。

<meta http-equiv=”Content-Script-Type” content=”text/javascript”>
<script language=”JavaScript”>
<!–
function jump(url) {
  if (url != “”){
    location.href = url;
  }
}
–>
</script>

　つぎに、プルダウンメニューを表示したい場所に、

<form>
月別一覧：<select name=”month” onChange=”jump(this.options[this.selectedIndex].value)”>
<option value=””>年月を指定してください</option>
<MTArchiveList archive_type=”Monthly”>
<option value=”<$MTArchiveLink$>”><$MTArchiveTitle$></option>
</MTArchiveList>
</select>
</form>

を挿入します。<form>と</form>は不要かも。σ(^^)は、カレンダー定義部分の</table>と</div>の間に入れてみました。

 　同じようなことをしてみたい方の参考になれば幸いです。

　本当はカレンダーの上の「2005年10月」ってラベル自体をプルダウンにしてしまえば直感的なんでしょうけど、それにはジャンプした後の月別表示テンプレートも同じようなレイアウトにしないとUIとしてはヘンなので、それはテンプレートをがっつりいじれるヒマが出来たときに考えよっと。