Posts filter multiselect:プラグイン作ってみました

Posts filter multiselect:プラグイン作ってみました - 投稿一覧ページのドロップダウンメニューを複数選択可能に変える

説明

先週の金曜日、知り合いの方から「投稿一覧ページで絞り込みを行う際、複数選択できないか」といった問い合わせがあり、その時には「標準では無理ですね」と返答しました。このこと自体は事実なのですが、要するに「複数選択可能なドロップダウンメニュー」が実現できれば対応するのはそれほど難しくないような気がしました。この週末、そんなノリでちょっとコーディングしてできたのがこのプラグインです。

作ったプラグインの機能について、手っ取り早く本プラグインの使用前と使用後の画面イメージを紹介します。
プラグイン使用前(上)と使用後(下)
「投稿日」や「カテゴリー」などのドロップダウンメニューを表示すると、各項目にチェックボックスが付き、それぞれのチェックがオン/オフできるようになっています。これにより、従来通りの使い方に加えて、複数の「投稿日」で複数の「カテゴリー」および「タグ」の投稿を絞り込むことが実現できています。

インストールおよび使用方法
1. Posts filter multiselectのアーカイブファイルを解凍し、フォルダごと /wp-content/plugins/ の中に入れてください。
最新のPosts filter multiselectのアーカイブファイルは、「wordpress.org(88KB)」からダウンロードしてください。
2. 管理ページのプラグインページで「Posts filter multiselect」を有効にしてください。
管理者権限のアカウントでログインし、サイドナビの「プラグイン」をクリック。一覧の中から「Posts filter multiselect」の「有効化」をクリックしてください。
よくある質問
Q. ドロップダウンメニューの見た目は変更できますか。
A. ドロップダウンメニューに関連するcssのほとんどは、jQuery UI theme(1.0.0ではredmond)を採用しています。近い将来、本プラグインの設定画面を作り、そこでjQuery UI themeを選択できるようにする予定です。今しばらくお待ちください。
更新履歴
  • 2016.08.22 Posts filter multiselect 1.1.1をリリースしました。タグが登録されている場合のみ「タグ」プルダウンを表示するように変更しました。
  • 2016.01.16 Posts filter multiselect 1.1.0をリリースしました。投稿タイプに応じて「タグ」プルダウンを追加しました。
  • 2015.03.29 Posts filter multiselect 1.0.2をリリースしました。依存関係に'jquery-ui-core'を追加しました。
  • 2015.03.11 Posts filter multiselect 1.0.1をリリースしました。jQuery UI themeを組み込みました。
  • 2015.03.09 Posts filter multiselect 1.0.0をリリースしました。
謝辞
  • 本プラグインでは複数選択可能なドロップダウンメニューの実装に「jQuery UI MultiSelect Widget」を使用しています。作者であるEric Hynds氏に深く感謝いたします。

お勧めコンテンツ

get_all_category_ids(2011年11月15日 登録)

array get_all_category_ids( )
すべてのカテゴリIDを取得する。

register_nav_menus(2010年11月2日 登録)

void register_nav_menus( [ array $locautions = array() ] )
自テーマにナビゲーションメニューを追加する。

post_class(2009年12月16日 登録)

void post_class( [ string $class = '' [ , int $post_id = null ] ] )
投稿情報の種別に応じたクラス属性(class="post-?? post ...")を表示する。具体的なクラス名は、投稿ID(post-番号)、投稿種別(postやpage)、カテゴリー(category-名前)、タグ(tag-名前)などがある。これらクラス名に合わせたCSSを準備することで、投稿ページのユニークなデザインが表現可能になる。

wp_enqueue_style(2011年12月26日 登録)

void wp_enqueue_style( string $handle [ , string $src = false [ , array $deps = array() [ , string $ver = false [ , string $media = 'all' ] ] ] ] )
使用するスタイルシート(CSS)を出力用のキューに入れる。パラメータ$srcが指定された場合は、グローバル変数$wp_stylesに登録してから出力用のキューに入れる。

wp_attachment_is_image(2014年7月12日 登録)

bool wp_attachment_is_image( [ int $post_id = 0 ] )
メディア投稿(attachment)の添付ファイルが画像ファイルか調べる。

最終更新日時 : 2016-08-22 12:16