WordPressを用いたホームページ制作はお任せください!岡山県を中心に絶賛活動中!
  • 【WordPress】プラグインを使わず検索機能に絞り込み機能を実装しよう。

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

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

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

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

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でカテゴリー&タグを絞り込み検索をする

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

まとめ

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

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

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

シェアしていただきありがとうございます。

この記事が気に入ったら【いいね】しよう!

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

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

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

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

詳細を確認する

著者:とあるWEBディレクター

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

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

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

  • WordPressのカスタムメニューでアクティブページだけ装飾を変える方法(カレント表示)

    WPのカスタムメニューでアクティブページだけ装飾を変える方法をご紹介します。現在表示されているページがグローバルメニューの中にある場合、そのメニュー部分だけ装飾を変えることができれば、ユーザビリティの向上にも繋がります。3分だけコンテンツを読んでみてください。 記事を読む

  • WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法

    WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法をご紹介します。コピペで対応できるようにしておりますので、初心者の方でも3分程度でWordPressのパンくずナビをGoogleリッチスニペットに対応させることができます。 記事を読む

  • WordPress管理画面が崩れた!原因と解決方法のまとめ

    Wordpress管理画面が崩れる原因とその解決方法を解説しています。ここ最近、管理画面のメニューが重なったりする崩れが生じていました。2分程度でできる簡単な解決方法です。参考にしてください。 記事を読む

  • WordPress管理画面にオリジナルページを作成する方法

    WordPress管理画面にオリジナルページを作成する方法をご紹介します。管理画面の操作マニュアルページを作成するなど利用方法は色々とあります。興味のある方は参照してください。7分で管理画面にオリジナルページを設置することができます。 記事を読む

  • カスタム投稿でAll in One SEO Packを使えるようにする方法

    ここでは、任意のカスタム投稿でAll in One SEO Packを使えるようにする方法をご紹介しています。カスタム投稿を設置したとき、All in One SEO Packの設定項目が表示されず困ったので、解決方法を探してみました。同じようにお困りの方、参考にしてください。 記事を読む

コメントを残す


(必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)