見出しカテゴリーのプルダウンメニューを作ってみる
カテゴリー名をぜんぶ表示せずに、プルダウンメニューで選べるようにする方法です。
この方法は『template="dropdown"』を使ったsectioncategoryモジュールで、代替出来るようになりました。
<hatena name="sectioncategory" template="dropdown">
と書くと、
カテゴリー
のようになります。これは見出しカテゴリーの保存に対応していて、日記上でカテゴリーを増やしていくと自動的にメニューを追加してくれます。メニューの順は詳細設定画面の『日記のカテゴリー一覧』の欄に記入されている順です。
というわけでこのモジュールは便利なのですが、モジュールを使わないformタグの手書きにすると、「見出しカテゴリーの保存」には対応しないものの、構造を単純にできたり、メニューに『この日記のカテゴリー』のような初期値を表示できるのが場合によっては良いかもしれないので、以下の説明も残しておきます。
ページのヘッダやフッタに、
<form method="POST" action="searchdiary"> <select name="word"> <option>この日記のカテゴリー</option> <option value="*[雑記]">雑記</option> <option value="*[音楽]">音楽</option> <option value="*[web]">web</option> <option value="*[はてな]">はてな</option> </select> <input value="Go" type="submit"> </form>
のように書くと、
プルダウンメニューができて、「Go」を押すとそのカテゴリーの記事だけを読むことができます。
- ポイント
- 上のカテゴリー名を、あなたの日記で使っているカテゴリー名に2カ所ずつ書き替えていけばOKです。「この日記のカテゴリー」の部分も、好きな言葉に書き換えられます。
- カテゴリー機能も、検索フォームと同じアクション(action="searchdiary")なので、それを利用しています。検索フォームで『*[雑記]』を検索したり『*[音楽]』を検索するのと同じアクションです。
- 【関連ガイド】→導入部「カテゴリー別に読む」
- 【関連ガイド】→基本編「カテゴリーで日記を整理する」
- 【関連ガイド】→活用編「ヘッダにカテゴリーのリストを作ってみる」