2005年12月20日
トップページ > Movable Type > MTカスタマイズ >月別アーカイブをプルダウンメニュー化する
月別アーカイブデータがずいぶん多くなって、場所を取るようになりましたので、プルダウンメニュー化しました。
参考にしたのは、この本
Movable Type ブログテンプレート&デザインガイド
まず、テンプレートの月別アーカイブの部分を
<h2>月別アーカイブ</h2><script type="text/javascript" src="<$MTBlogURL$>menu.js"></script>
<form id="menu" name="menu">
<select id="menuitem" name="menuitem" onChange="menujs()">
<option value="none">選択して下さい</option><MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">
<$MTArchiveTitle$></option>
</MTArchiveList></select>
</form>
と言う風に、フォームタグを入れて修正。
次にテンプレートの管理画面から「テンプレートを新規作成」をクリック
テンプレートの名前を付けます。
私は、本の通り「プルダウンメニュースクリプト」としました。
出力ファイル名を「menu.js」と指定、テンプレートの中に、以下のソースを記述
function menujs(){ var URL = document.menu.menuitem.options [document.menu.menuitem.selectedIndex].value; if (URL != "none") { window.location.href = URL } }
後は見出しとプルダウンメニューの間隔などを、CSSファイルで指定すればOKです。
※この『Movable Type ブログテンプレート&デザインガイド』は、MTで一からブログを作るのにも、自分の好きなデザインにカスタマイズするのにもすごく参考になる本です。
投稿者 Sakurai : 2005年12月20日 17:10
トラックバック
このエントリーのトラックバックURL:
http://www.ehamono.jp/blog/mt-tb.cgi/220
このリストは、次のエントリーを参照しています: 月別アーカイブをプルダウンメニュー化する:
» バックナンバーをプルダウン化 from ido77.com☆ミーハーwebデザイナーのウェブログ
ブログのエントリー数は少ないのに、月別バックナンバーはどんどん溜まっていくもの。... [続きを読む]
トラックバック時刻: 2006年01月08日 22:09
