ポップアップメニュータグの投稿

2009-03-05
晴れ

ポップアップ (プルダウン) 式のアーカイブ・カテゴリー選択

ゆりこ による 17:17:25 の投稿
カテゴリー: WordPressハック
タグ: , ,

Ktai Style 1.70 で、ポップアップ (プルダウン) 式のカテゴリー選択メニューを表示するテンプレートタグ ks_dropdown_categories() が追加されました。実は、月別アーカイブもポップアップで選べるよう実装を企んでいましたが、実装がかなりアドホックで動作も微妙だったため、1.70 には入れられませんでした。そろそろ 1.71 のベータ版を配布しようと思っていて、ベータ版なら大丈夫だろうということで、実際に組み込んでみました。

ポップアップ式アーカイブ選択メニュー画面 ポップアップ式カテゴリー選択メニュー画面

試しに、旅行記の方に、両方入れてみました。Q & A に書いてある通り、mova, ソフトバンク PDC など表示サイズが厳しい端末で常にページ分割が発生するという不便が出るため、3G 端末・スマートフォン・ウィルコムのみ、そういう表示にしてあります。mova, ソフトバンク PDC では従来通り、アーカイブ一覧・カテゴリー一覧ページへのリンクとなります。

月別アーカイブは30個ぐらいしかないので、まあまあ使い勝手がいいと思いますが、カテゴリーは数が多すぎる (現在87個) ため、見た目も悪く使いにくいですね……。まあ、通常はカテゴリーが30個ぐらい、アーカイブが60位 (5年分) になるパターンが多いでしょう。いずれにせよ、ポップアップ式の選択メニューは数が少ないときしか使いものにならない、ということにご注意ください。このため、附属テンプレートでの採用予定はありません。

以前、ヤプログの携帯版は、月別アーカイブ・カテゴリーアーカイブどちらもこういうインターフェースだった気がするんですが、いつの間にか月別アーカイブがリンクに変更されていました。数が多い人への配慮でしょうか??

2009-03-02

ポップアップ式ページ遷移メニューの間引き

ゆりこ による 00:34:49 の投稿
カテゴリー: WordPressハック
タグ: , ,

Ktai Style の附属テンプレートでは、各種アーカイブ (月別/カテゴリー別/タグ別など) では、分割されたページに簡単に遷移できるよう、ポップアップ式 (プルダウン式) メニューを装備しています。これは ks_posts_nav_dropdown() テンプレートで実現しています。本当は最新記事でも表示させたいですが、全ページが100ページとかあると、100ページ分のメニューが入ってしまって選ぶのが煩雑であり、HTML が数KBに渡るためパケット料金も嵩むという問題があるため、やっていません。

しかし、ふと、phpMyAdmin のように、ページ数表示を間引きすればいいのではないかと思いました。phpMyAdmin もポップアップ式のページ遷移メニューがありますが、数が多い場合は適宜間引きされています。前後 ±1, ±2, ±3, ±4, ±5, ±10, ±20, ±50, ±100, ±200, ±500, ±1000,… だけに絞れば、もし1500ページあっても、最大25個で済みます。これならば、携帯電話でも選べるでしょう。

間引きしたメニュー

試しに実装してみたところ、全741 ページある Yuriko.Net 旅行記でも実用になりそうですね。24ページでメニューを出すと、1, 4, 14, 19,…, 29, 34, 44, 74, 124, 224, 524, 741 となって、いい感じです。複数ページへのリンクを並べる形式のナビゲーションメニュー (*)は、携帯電話ではすべてのリンクがカーソル移動の対象になるため、選択が面倒です。ポップアップ式のメニューであれば、メニューを開かない限りメニュー自体をスキップできるので、携帯電話では使いやすいインターフェースなのです。Ktai Style の次のバージョンではこれを実装してみる予定です。

(*) いちおう、こういう形式のメニューもテンプレートタグ ks_posts_nav_multi() として準備していますが、附属テンプレートでは使っていません。