WordPress管理画面の投稿一覧で「タグ」の絞り込み表示をできるようにする方法

WordPress

WordPressの管理画面の投稿一覧では、日付とカテゴリー別に絞り込んで一覧表示できますが、タグで絞り込みはできません。タグで絞り込みしたいと思ったことはないでしょうか?

実装する機会があったので、自分のサイトでもタグで絞り込めるようにしました。忘れないように記事にしておきたいと思います。

functions.php にコードを追記

まずはfunctions.phpに下記のコードを追記します。
子テーマなどを利用している人は、子テーマのfunctions.phpの一番最後に記述してくださいね。

//「投稿」に絞り込み条件を追加
add_action(
  'restrict_manage_posts',
  function ( $post_type ) {
    if ( 'post' === $post_type ) {
      wp_dropdown_categories(
        [
          'show_option_all' => 'すべてのタグ',
          'orderby'         => 'name',
          'selected'        => get_query_var( 'tag' ),
          'hide_empty'      => 0,
          'name'            => 'tag',
          'taxonomy'        => 'post_tag', // タグは「post_tag」.
          'value_field'     => 'slug',
        ]
      );
    }
  }
);

add_action(
  'load-edit.php',
  function () {
    if ( isset( $_GET['tag'] ) && '0' === $_GET['tag'] ) {
      unset ( $_GET['tag'] );
    }
  }
);

上記のコードをfunctions.phpに追記すれば、管理画面の投稿一覧ページで、タグの絞り込み一覧表示ができるようになります。

試しにどれかタグで絞り込んでみよう

試しにタグが選べるようになっているかプルダウンをクリックしてみてください。

下の画像の場合「WordPressプラグイン」というタグで絞り込んで表示してみました。

上記の例でいうと、「WordPressプラグイン」というタグで投稿が一覧表示されていればカスタマイズは成功です。

まとめ

いかがだったでしょうか?

functions.phpにコードを追記するだけで、簡単にタグで絞り込めるようになりました。

WordPressで同じようにタグで絞り込みが出来るようにするカスタマイズが必要になったとき参考にしてみてくださいね。

sanpo-zukan

sanpo-zukan

ストアカで『【オンライン★初心者向け】気軽で楽しくワードプレスのお悩み相談教室( https://www.street-academy.com/myclass/78668 )』運営中!

関連記事

特集記事

コメント

この記事へのコメントはありません。

CAPTCHA


sanpo-zukan

sanpo-zukan

当サイト(さんぽずかん)を運営しています「しゃむ」です。 役立つ情報からしょうもないネタまで、少しでも読んだ人の役に立てばいいなと思って、いろいろな記事を掲載していきます!

最近の記事

  1. 唐辛子買ってきた。 #唐辛子|インスタからの投稿

  2. WordPress管理画面の投稿一覧で「タグ」の絞り込み表示をできるようにする方法

  3. スマホアプリのGoogleマップでダークモード使う方法

  4. PR

    つい旅に出たくなる。そんな雰囲気を醸し出すテーマ「meets」

    TCD

新着 オススメ 特集記事
  1. 唐辛子買ってきた。 #唐辛子|インスタからの投稿

  2. WordPress管理画面の投稿一覧で「タグ」の絞り込み表示をできるようにする方法

  3. スマホアプリのGoogleマップでダークモード使う方法

  1. Flexboxでjustify-content: space-betweenの最後の要素を左寄せにする方法

  2. しまった!アップグレードしたらサイトの表示が崩れた!!WordPressをダウングレードするカンタンな方法とは?

  3. サイト表示を少しでも早く!WordPressでJavascriptファイルを非同期にする方法

  1. GoogleAdsenseで口座確認のデポジットがなかなか入金されなかったとき確認すべき点

  2. サイト表示を少しでも早く!WordPressでJavascriptファイルを非同期にする方法

  3. ネコ好きLINEユーザー必見!懲りずに第二弾はスタンプ8個でお手軽LINEスタンプ!「ゆるかわミケにゃん」販売開始!

TOP