【WordPress】プラグインを使わず検索機能に絞り込み機能を実装しよう。
  • 記事公開:2015/03/01
  • 最終更新:2019/05/04

【WordPress】プラグインを使わず検索機能に絞り込み機能を実装しよう。

WordPressの検索機能にカテゴリーやタグを指定した絞り込み機能を実装する方法をご紹介します。コピペで簡単に実装できますので、興味のある方は参考にしてください。

この記事は約 5 分で読めます。

WordPressのカスタマイズはお任せください。

WordPressのカスタマイズを格安で代行いたします。ご希望のカスタマイズがあればご相談ください。

検索機能に絞り込み機能を実装しよう

WordPressで構築したサイトで、検索を行うときにキーワードやタグで絞り込みができるカスタマイズをやってみたいと思ったことはありませんか?

今回、とある案件で必要となったのでカスタマイズ方法を調べてみました。
プラグインを使う必要は無く、WordPressのデフォルト機能で実現可能なようです。

個別にご紹介していきます。

キーワード+カテゴリーの絞込み検索

検索機能を実装(検索窓を設置)したい箇所に、以下のコードを記述するだけ。
指定したカテゴリーにある指定キーワードを含む記事を検索することができます。

<form method="get" action="<?php bloginfo( 'url' ); ?>">
<input name="s" id="s" type="text" />
<?php wp_dropdown_categories('depth=0&orderby=name&hide_empty=1&show_option_all=カテゴリー選択'); ?>
<input id="submit" type="submit" value="検索" />
</form>

参考サイト:WordPressでカテゴリー&タグを絞り込み検索をする

上記のタグを設置すると、検索窓+プルダウン式のカテゴリー一覧が表示されます。
キーワードを指定して、カテゴリーを選択、検索することができます。

キーワード+タグの絞り込み検索

検索機能を実装(検索窓を設置)したい箇所に、以下のコードを記述するだけ。
指定したタグが登録されていて指定キーワードを含む記事を検索することができます。

<form method="get" action="<?php bloginfo( 'url' ); ?>">
<p>検索</p>
<input name="s" id="s" type="text" />
<?php $tags = get_tags(); if ( $tags ) : ?>
<select name='tag' id='tag'>
<option value="" selected="selected">タグ選択</option>
<?php foreach ( $tags as $tag ): ?>
<option value="<?php echo esc_html( $tag->slug); ?>"><?php echo esc_html( $tag->name ); ?></option>
<?php endforeach; ?>
</select>
<?php endif; ?>
<input id="submit" type="submit" value="検索" />
</form>

参考サイト:WordPressでカテゴリー&タグを絞り込み検索をする

上記のタグを設置すると、検索窓+プルダウン式のタグ一覧が表示されます。
キーワードを指定して、タグを選択、検索することができます。

キーワード+カテゴリー+タグの絞込み検索

検索機能を実装(検索窓を設置)したい箇所に、以下のコードを記述するだけ。
指定したカテゴリーにある指定したタグが登録されていて指定キーワードを含む記事を検索することができます。

<form method="get" action="<?php bloginfo( 'url' ); ?>">
<p>検索</p>
<input name="s" id="s" type="text" />
<?php wp_dropdown_categories('depth=0&orderby=name&hide_empty=1&show_option_all=カテゴリー選択'); ?>
<?php $tags = get_tags(); if ( $tags ) : ?>
<select name='tag' id='tag'>
<option value="" selected="selected">タグ選択</option>
<?php foreach ( $tags as $tag ): ?>
<option value="<?php echo esc_html( $tag->slug); ?>"><?php echo esc_html( $tag->name ); ?></option>
<?php endforeach; ?>
</select>
<?php endif; ?>
<input id="submit" type="submit" value="検索" />
</form>

参考サイト:WordPressでカテゴリー&タグを絞り込み検索をする

上記のタグを設置すると、検索窓+プルダウン式のカテゴリー一覧が表示されます。
キーワードを指定して、カテゴリーを選択、タクを選択、検索することができます。

まとめ

プラグインを使わず検索機能に絞り込み機能を実装する方法をご紹介しました。

最初はプラグインを導入しないと無理かと思ったのですが、必要ありませんでした。
想定していたより簡単にカスタマイズできた印象です。

このコンテンツが、どなたかの参考になると幸いです。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2019/05/05

    WordPress初心者にオススメ!WordPressの各種操作方法を解説しているサイトをまとめてみた。

    これからWordPressを勉強する方も最初は何かと調べることが多いはず。私も参考にしていた初心者向けのWordPress解説サイトをご紹介します。 記事を読む

  • 2019/05/04

    カスタムフィールドの値が空だった場合の条件分岐

    2016/4/24にコードを修正しました。カスタムフィールドで値が入力されていない項目を非表示にする条件分岐をご紹介。カスタムフィールドに値を記入しなくても良い場合など、空白になるそのエリア自体を非表示にしたい時ってありますよね。今回はそんな方法をご紹介しています。 記事を読む

  • 2019/06/23

    WordPressのタイトルを文字数制限して取得する方法

    Wordpressでタイトルの文字数を制限して取得する方法をご紹介します。テーマのカスタマイズで記事タイトルを取得したいが、文字数を制限したいときなどにお役立てください。文字数を制限して表示していると伝えるテクニックも合わせてご紹介しています。 記事を読む

  • 2019/05/05

    WordPress4.4から順番が変った!コメント入力フォームの入力欄の順番を戻す方法

    WordPress4.4からコメント入力フォームの入力欄の順番が変ってしまいました。個人差があると思いますが、個人的には従来の順番の方がしっくりとくる。そこで、コメント入力フォームの入力欄の順番を元に戻す方法をまとめてみました。3分で元に戻すことが出来ます。 記事を読む

  • 2019/05/04

    WordPressのタグ一覧をリンクと件数付で表示させる方法

    Wordpressのタグ一覧をリンクと件数付で表示させる方法をご紹介します。get_terms()を使ったカスタマイズです。サイトのサイドエリアにリスト形式のタグ一覧を表示したい場合など、このコンテンツを参考にしてください。 記事を読む

コメントを残す

(必須)

CAPTCHA