Yuriko.Net 個別記事

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() として準備していますが、附属テンプレートでは使っていません。

トラックバック・コメント »

  1. 池田百合子様

    Ktai style ver1.7でGoogle Adesnseを表示させたく、http://www.yuriko.net/contact/に記載されている「メール」をクリックして質問メールを送らせて頂いたのですが、サーバーエラーでメールが送信されません。

    ちなみに私はBeckey!を使用していますが、百合子さんのメールアドレスは

    yuriko-www_@_字化けした文字

    が表示されています。

    正常にメールをお送りする方法を教えて頂けませんでしょうか?
    御手数かけて恐縮ですが何卒宜しくお願い申し上げます。

    まさのぶ

    まさのぶからのコメント
    • まさのぶさん、こんにちは。

      正常にメールをお送りする方法を教えて頂けませんでしょうか?

      「メール」というリンクの直後に「注意:アドレスは適当に読み変えてください」と書いてありますが、これはお読みでしょうか? スパム対策のため、@ サインの前後を加工してあり、かつ、ドメイン名部分は秘匿してありますので、適切なアドレスになるよう、頭をひねってください;-)

      ただし、Google アドセンスに関する質問は、他の方に回答しております通り、お受けできません。送信先メールアドレスが分かったとしても、メールを送らないようお願いします。万が一送信されても返事いたしません。

      だいたい、ウェブログのコメント欄は、コンタクトフォームではありません。この投稿の場合、「ポップアップ式遷移メニュー」に関するコメントを書く場所であり、それ以外の内容を書くのはご遠慮願います。Ktai Style 1.70 に関する質問であれば、バージョン 1.70 のリリース告知にコメントするのが適切だと思います。

      ゆりこからのコメント

上に戻る

※スパム対策プラグインの影響により、すぐにトラックバックが反映されない場合があります。お手数ですが、半日ほど待ってみてください。

コメント投稿

※発言の責任を明確にするため「名無し」「通りすがり」「匿名希望」等の匿名は不可とします。捨てハンドルでもいいので必ず名乗ってください。
XHTML (使えるタグ): <a href="" title="" ktai=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt=""> .
※スパム対策プラグインの影響により、すぐにコメント内容が表示されない場合があります。お手数ですが、半日ほど待ってみてください。

上に戻る