AJAX でカテゴリ絞込み検索する

WordCamp KOBE のとき、@shoshirasaka 君に相談された 「AJAX でカテゴリの絞込み検索をするための WordPress プラグイン」を、ちゃちゃっと書いたので公開します。

概要

リストボックスから選んだカテゴリに子カテゴリが存在する場合は、新たにその子カテゴリのリストボックスを表示します。
「検索」ボタンをクリックすると、選ばれたカテゴリの中で一番深い階層に属する投稿の一覧を「検索」ボタンの下に表示します。

どんな感じになるかは、以下を見てください。
Category Search : dogmap.jp

ダウンロード

WordPress > Simple Category Search « WordPress Plugins

使い方

プラグインを有効化した後、固定ページとか投稿に以下のショートコードを入れます。

category-search

カテゴリを限定したい場合は、以下のようにやってください。

category-search parent=10

※parent= の後ろは、カテゴリ ID を指定

リストボックスは div.categories_search で、検索結果は div.search_result でラッピングされます。
デザインを当てたい場合は、適当に css を書いてください。
デモページでは、以下のような css を適用しています。

.categories_search select{
display:inline;
margin-right: .25em;
float:left;
height:22px
}

気が向いたら、そのうち、公式プラグインディレクトリに公開するかも。
公式プラグインディレクトリで公開しました。
WordPress > Simple Category Search « WordPress Plugins

AJAX でカテゴリ絞込み検索する」への2件のフィードバック

  1. cheaki

    ajax-category-searchをテーマファイル・ウィジェット内で使用することは可能ですか?

    テーマファイル内で使用する際に、
    更にウィジェットで使用する際に、add_filter(‘widget_text’, ‘do_shortcode’);をfunction.phpに書き込んだのですが、きちんと動作いたしません。(投稿にショートコードを記入した場合はきちんと動作します)

    ご指導ご鞭撻よろしくお願いします。

    返信
  2. ピンバック: Simple Category Search | わーどぷれすっ!

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください