検索機能 – ケケンタの独学ITブログ https://kekenta-it-blog.com プログラミングやWeb制作の情報を発信 Tue, 18 Mar 2025 02:08:16 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://kekenta-it-blog.com/wp-content/uploads/2023/07/cropped-KEKENTA-BLOG-32x32.png 検索機能 – ケケンタの独学ITブログ https://kekenta-it-blog.com 32 32 【WordPress】検索結果から固定ページを除外する方法【コピペで簡単！】 https://kekenta-it-blog.com/wp-search-exc-page/ https://kekenta-it-blog.com/wp-search-exc-page/#respond Thu, 15 Aug 2024 05:24:13 +0000 https://kekenta-it-blog.com/?p=10153

WordPressでは簡単に検索機能を実装することが可能です。 ただ、その検索対象はデフォルトだと投稿・固定ページの「タイトル」と「本文」に設定されており、必要に応じて自分自身で検索対象をカスタマイズする必要があります。 […]]]>

WordPressでは簡単に検索機能を実装することが可能です。

ただ、その検索対象はデフォルトだと投稿・固定ページの「タイトル」と「本文」に設定されており、必要に応じて自分自身で検索対象をカスタマイズする必要があります。

この記事ではそうしたカスタマイズの内、

検索結果から固定ページを除外する方法

をご紹介します。

ケケンタ

コピペで簡単にカスタマイズできるのでぜひお試しください！

【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介
【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点
【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説
無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】
あわせて読みたい
PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

【ソースコード】検索結果から固定ページを除外する

以下のソースコードをfunctions.phpへ追記します。

add_action( 'pre_get_posts', function( $query ) ) {
    // 「管理画面」や「メインクエリ以外」には適用しない
    if ( is_admin() || ! $query->is_main_query() ) {
        return;
    }

    // 検索対象ページを「投稿」のみにする
    if ( $query->is_search() ) {
        $query->set( 'post_type', 'post' );
        return;
    }
}
ケケンタ

たったこれだけでWordPressの検索機能の検索対象から「固定ページ」を除外することが可能です！

まとめ

WordPressで検索機能を実装すること自体はそれほど難しくありません。

しかし、細かい検索条件などを調整するとなった場合は今回のようにfunctions.php上でソースコードを記述する必要があります。

ケケンタ

当記事以外にも「検索機能」に関する記事を公開しています。
ご興味のある方はぜひご覧いただけるとうれしいです！

検索機能の関連記事

]]> https://kekenta-it-blog.com/wp-search-exc-page/feed/ 0 【WordPress】検索機能の条件にSEO SIMPLE PACKの設定内容を追加する https://kekenta-it-blog.com/wp-search-condition-custom-ssp/ https://kekenta-it-blog.com/wp-search-condition-custom-ssp/#respond Wed, 07 Aug 2024 05:44:21 +0000 https://kekenta-it-blog.com/?p=9612

今回はこのようなお悩みをお持ちの方に向けて WordPressで検索機能の条件にSEO SIMPLE PACKの設定内容を追加するためのカスタマイズ方法 をご紹介します。 「タグ・カテゴリー・カスタムフィールド」を検索条 […]]]>

ケケンタ

WordPressの検索機能の条件に「SEO SIMPLE PACKの設定内容」も含めたいんだけど、どうすればいいの……？

今回はこのようなお悩みをお持ちの方に向けて

WordPressで検索機能の条件に
SEO SIMPLE PACKの設定内容を追加するためのカスタマイズ方法

をご紹介します。

「タグ・カテゴリー・カスタムフィールド」を検索条件に追加したい方はこちらをご覧ください。

あわせて読みたい
【WordPress】検索機能の条件にタグ・カテゴリー・カスタムフィールドを追加する WordPressの検索機能に条件を追加したいんだけどどうすればいいんだろう…… 今回はこうしたお悩みをお持ちの方へ向けて WordPressの検索機能の条件にタグ・カテゴリー・…

WordPressの検索機能は簡単に実装可能ですが、デフォルトだと、投稿記事と固定ページの「タイトル」と「本文」しか検索対象に含まれていません。

しかし、SQLを利用することで複雑な検索条件を指定することが可能です。

【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点
【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説
無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】
PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】

【ソースコード】検索条件にSEO SIMPLE PACKの設定内容を追加する

以下のソースコードをfunctions.phpに追加するだけで、検索条件にSEO SIMPLE PACKの設定内容を含めることが可能です。

/**
 * サイト内検索のカスタマイズ
 */
function custom_search($search, $wp_query) {
	global $wpdb;

	//検索ページ以外だったら終了
	if (!$wp_query->is_search)
		return $search;

	if (!isset($wp_query->query_vars))
		return $search;

	$search_words = explode(' ', isset($wp_query->query_vars['s']) ? $wp_query->query_vars['s'] : '');
	if ( count($search_words) > 0 ) {
		$search = '';
		foreach ( $search_words as $word ) {
			if ( !empty($word) ) {
				$search_word = $wpdb->prepare("%{$word}%");
				$search .= " AND (
					-- 投稿タイトル
					{$wpdb->posts}.post_title LIKE '{$search_word}'
					-- 投稿コンテンツ
					OR {$wpdb->posts}.post_content LIKE '{$search_word}'
					-- 「タグ・カテゴリー」のSEO SIMPLE PACK設定情報
					OR {$wpdb->posts}.ID IN (
						SELECT distinct r.object_id
						FROM {$wpdb->term_relationships} AS r
						INNER JOIN {$wpdb->term_taxonomy} AS tt ON r.term_taxonomy_id = tt.term_taxonomy_id
						INNER JOIN {$wpdb->terms} AS t ON tt.term_id = t.term_id
						INNER JOIN {$wpdb->termmeta} AS tm ON t.term_id = tm.term_id
						WHERE tm.meta_value LIKE '{$search_word}' 
							-- タイトル
							AND ( tm.meta_key = 'ssp_meta_title'
								-- ディスクリプション 
								OR tm.meta_key = 'ssp_meta_description' )
					)

					-- 「固定・投稿ページ」のSEO SIMPLE PACK設定情報
					OR {$wpdb->posts}.ID IN (
						SELECT distinct pm.post_id
						FROM {$wpdb->postmeta} AS pm
						INNER JOIN {$wpdb->posts} AS p ON pm.post_id = p.id
						WHERE pm.meta_value LIKE '{$search_word}' 
							-- タイトル
							AND ( pm.meta_key = 'ssp_meta_title'
								-- ディスクリプション
								OR pm.meta_key = 'ssp_meta_description'
								-- キーワード
								OR pm.meta_key = 'ssp_meta_keyword' )
					)
				) ";
			}
		}
	}
	return $search;
}
add_filter('posts_search','custom_search', 10, 2);

このソースコードでは、下記２つを検索条件に追加しています。

  • 「カテゴリー・タグ」で設定しているSEO SIMPLE PACKの情報（タイトル・ディスクリプション）
  • 「固定・投稿ページ」で設定しているSEO SIMPLE PACKの情報（タイトル・ディスクリプション・キーワード）

もしもいずれかの設定情報は検索条件に含めたくないという場合は、それぞれに関連するハイライト行を削除してお使いください。

まとめ

以上がWordPressで検索機能の条件にSEO SIMPLE PACKの設定内容を追加する方法でした。

SQLを利用しているため、もしかしたらハードルを感じる方もいらっしゃるかもしれませんが、上記のソースコードを丸っとfunctions.phpに追加していただくだけでOKなので、まずは一度お試ししてみてはいかがでしょうか。

ケケンタ

この記事が少しでもお役に立ったなら何よりです！

このブログではWordPressやWeb制作、PHPに関する情報を発信しています。

ご興味のある方はぜひほかの記事もご覧いただけるとうれしいです！

検索機能の関連記事

]]> https://kekenta-it-blog.com/wp-search-condition-custom-ssp/feed/ 0 【WordPress】検索機能の条件にタグ・カテゴリー・カスタムフィールドを追加する https://kekenta-it-blog.com/wp-search-condition-custom/ https://kekenta-it-blog.com/wp-search-condition-custom/#respond Fri, 02 Aug 2024 02:30:29 +0000 https://kekenta-it-blog.com/?p=9607

今回はこうしたお悩みをお持ちの方へ向けて WordPressの検索機能の条件にタグ・カテゴリー・カスタムフィールドを追加する方法 をご紹介します。 WordPressの検索機能はデフォルトだと「タイトル」と「本文」しか検 […]]]>

ケケンタ

WordPressの検索機能に条件を追加したいんだけどどうすればいいんだろう……

今回はこうしたお悩みをお持ちの方へ向けて

WordPressの検索機能の条件に
タグ・カテゴリー・カスタムフィールドを追加する方法

をご紹介します。

WordPressの検索機能はデフォルトだと「タイトル」と「本文」しか検索対象になっていません。
しかし、この記事をご覧いただくことでタグ・カテゴリー・カスタムフィールドも検索対象にする方法やそのソースコードがわかります。

この記事で分かること
  • 検索機能に「タグ」、「カテゴリー」、「カスタムフィールド」を追加する方法
  • すべてではなく「特定のカスタムフィールド」のみ検索条件として追加する方法
ケケンタ

また、タグやカテゴリーの名前だけでなく、タグ・カテゴリーの「スラッグ」や「説明」を検索条件に追加する方法もあわせてご紹介します。

プラグイン「SEO SIMPLE PACK」の設定情報を含める方法は以下の記事でご紹介しています。

あわせて読みたい
【WordPress】検索機能の条件にSEO SIMPLE PACKの設定内容を追加する WordPressの検索機能の条件に「SEO SIMPLE PACKの設定内容」も含めたいんだけど、どうすればいいの……？ 今回はこのようなお悩みをお持ちの方に向けて WordPressで検索機…
【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介
【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説
無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】
PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】

ソースコード

以下よりご紹介するソースコードをfunctions.phpに追加するだけで検索機能に各条件を含めることが可能です。

「タグ名」、「カテゴリー名」を検索条件に追加

/**
 * サイト内検索のカスタマイズ
 */
function custom_search( $search, $wp_query ) {
	global $wpdb;

	//検索ページ以外だったら終了
	if ( ! $wp_query->is_search )
		return $search;

    // 検索キーワードが未入力ならデフォルトの検索機能を呼び出す
	if ( ! isset( $wp_query->query_vars ) )
		return $search;

	// タグ名・カテゴリ名も検索対象にする
	$search_words = explode( ' ', isset( $wp_query->query_vars['s'] ) ? $wp_query->query_vars['s'] : '' );
	if ( count( $search_words ) > 0 ) {
		$search = '';
		foreach ( $search_words as $word ) {
			if ( ! empty( $word ) ) {
				$search_word = $wpdb->prepare( "%{$word}%" );
				$search .= " AND (
					-- 投稿タイトル
					{$wpdb->posts}.post_title LIKE '{$search_word}'
					-- 投稿コンテンツ
					OR {$wpdb->posts}.post_content LIKE '{$search_word}'
					-- タグ・カテゴリー名
					OR {$wpdb->posts}.ID IN (
						SELECT distinct r.object_id
						FROM {$wpdb->term_relationships} AS r
						INNER JOIN {$wpdb->term_taxonomy} AS tt ON r.term_taxonomy_id = tt.term_taxonomy_id
						INNER JOIN {$wpdb->terms} AS t ON tt.term_id = t.term_id
						-- タグ・カテゴリー名
						WHERE t.name LIKE '{$search_word}'
					)
				) ";
			}
		}
	}
	return $search;
}
add_filter( 'posts_search','custom_search', 10, 2 );

タグ・カテゴリーの「スラッグ」や「説明」を検索条件に追加

ハイライト行が追加されています。

/**
 * サイト内検索のカスタマイズ
 */
function custom_search( $search, $wp_query ) {
	global $wpdb;

	//検索ページ以外だったら終了
	if ( ! $wp_query->is_search )
		return $search;

    // 検索キーワードが未入力ならデフォルトの検索機能を呼び出す
	if ( ! isset( $wp_query->query_vars ) )
		return $search;

	// タグ名・カテゴリ名やタグ・カテゴリーの「スラッグ」、「説明」も検索対象にする
	$search_words = explode( ' ', isset( $wp_query->query_vars['s'] ) ? $wp_query->query_vars['s'] : '' );
	if ( count( $search_words ) > 0 ) {
		$search = '';
		foreach ( $search_words as $word ) {
			if ( ! empty( $word ) ) {
				$search_word = $wpdb->prepare( "%{$word}%" );
				$search .= " AND (
					-- 投稿タイトル
					{$wpdb->posts}.post_title LIKE '{$search_word}'
					-- 投稿コンテンツ
					OR {$wpdb->posts}.post_content LIKE '{$search_word}'
					-- 「タグ・カテゴリー名」と「タグ・カテゴリー説明欄」
					OR {$wpdb->posts}.ID IN (
						SELECT distinct r.object_id
						FROM {$wpdb->term_relationships} AS r
						INNER JOIN {$wpdb->term_taxonomy} AS tt ON r.term_taxonomy_id = tt.term_taxonomy_id
						INNER JOIN {$wpdb->terms} AS t ON tt.term_id = t.term_id
						-- タグ・カテゴリー名
						WHERE t.name LIKE '{$search_word}'
							-- タグ・カテゴリースラッグ
							OR t.slug LIKE '{$search_word}'
							-- デフォルト項目の「説明」
							OR tt.description LIKE '{$search_word}'
					)
				) ";
			}
		}
	}
	return $search;
}
add_filter( 'posts_search','custom_search', 10, 2 );

「すべてのカスタムフィールド」を検索条件に追加

ハイライト行が追加されています。

/**
 * サイト内検索のカスタマイズ
 */
function custom_search( $search, $wp_query ) {
	global $wpdb;

	//検索ページ以外だったら終了
	if ( ! $wp_query->is_search )
		return $search;

    // 検索キーワードが未入力ならデフォルトの検索機能を呼び出す
	if ( ! isset( $wp_query->query_vars ) )
		return $search;

	// タグ名・カテゴリ名・カスタムフィールド「説明」も検索対象にする
	$search_words = explode( ' ', isset( $wp_query->query_vars['s'] ) ? $wp_query->query_vars['s'] : '' );
	if ( count( $search_words ) > 0 ) {
		$search = '';
		foreach ( $search_words as $word ) {
			if ( ! empty( $word ) ) {
				$search_word = $wpdb->prepare( "%{$word}%" );
				$search .= " AND (
					-- 投稿タイトル
					{$wpdb->posts}.post_title LIKE '{$search_word}'
					-- 投稿コンテンツ
					OR {$wpdb->posts}.post_content LIKE '{$search_word}'
					-- 「タグ・カテゴリー名」と「タグ・カテゴリー説明欄」
					OR {$wpdb->posts}.ID IN (
						SELECT distinct r.object_id
						FROM {$wpdb->term_relationships} AS r
						INNER JOIN {$wpdb->term_taxonomy} AS tt ON r.term_taxonomy_id = tt.term_taxonomy_id
						INNER JOIN {$wpdb->terms} AS t ON tt.term_id = t.term_id
						-- タグ・カテゴリー名
						WHERE t.name LIKE '{$search_word}'
							-- タグ・カテゴリースラッグ
							OR t.slug LIKE '{$search_word}'
							-- デフォルト項目の「説明」
							OR tt.description LIKE '{$search_word}'
					)
					-- すべてのカスタムフィールド
					OR {$wpdb->posts}.ID IN (
						SELECT distinct post_id
						FROM {$wpdb->postmeta}
						WHERE meta_value LIKE '{$search_word}'
					)
				) ";
			}
		}
	}
	return $search;
}
add_filter( 'posts_search','custom_search', 10, 2 );

「特定のカスタムフィールド」を検索条件に追加

ハイライト行が追加されています。

/**
 * サイト内検索のカスタマイズ
 */
function custom_search( $search, $wp_query ) {
	global $wpdb;

	//検索ページ以外だったら終了
	if ( ! $wp_query->is_search )
		return $search;

    // 検索キーワードが未入力ならデフォルトの検索機能を呼び出す
	if ( ! isset( $wp_query->query_vars ) )
		return $search;

	// タグ名・カテゴリ名・カスタムフィールド「説明」も検索対象にする
	$search_words = explode( ' ', isset( $wp_query->query_vars['s'] ) ? $wp_query->query_vars['s'] : '' );
	if ( count( $search_words ) > 0 ) {
		$search = '';
		foreach ( $search_words as $word ) {
			if ( ! empty( $word ) ) {
				$search_word = $wpdb->prepare( "%{$word}%" );
				$search .= " AND (
					-- 投稿タイトル
					{$wpdb->posts}.post_title LIKE '{$search_word}'
					-- 投稿コンテンツ
					OR {$wpdb->posts}.post_content LIKE '{$search_word}'
					-- 「タグ・カテゴリー名」と「タグ・カテゴリー説明欄」
					OR {$wpdb->posts}.ID IN (
						SELECT distinct r.object_id
						FROM {$wpdb->term_relationships} AS r
						INNER JOIN {$wpdb->term_taxonomy} AS tt ON r.term_taxonomy_id = tt.term_taxonomy_id
						INNER JOIN {$wpdb->terms} AS t ON tt.term_id = t.term_id
						-- タグ・カテゴリー名
						WHERE t.name LIKE '{$search_word}'
							-- タグ・カテゴリースラッグ
							OR t.slug LIKE '{$search_word}'
							-- デフォルト項目の「説明」
							OR tt.description LIKE '{$search_word}'
					)
					-- カスタムフィールド
					OR {$wpdb->posts}.ID IN (
						SELECT distinct post_id
						FROM {$wpdb->postmeta}
						WHERE meta_value LIKE '{$search_word}'
							-- カスタムフィールド「my_custom_key01」と「my_custom_key02」
							AND meta_key IN ( 'my_custom_key01', 'my_custom_key02' )
					)
				) ";
			}
		}
	}
	return $search;
}
add_filter( 'posts_search','custom_search', 10, 2 );

「特定のカスタムフィールド」を条件にするときは、以下のように配列形式でカスタムフィールドの「キー名」を指定します。

meta_key IN ( ‘my_custom_key01‘, ‘my_custom_key02‘ )

プラグイン「Advanced Custom Fields」を使用している場合は
フィールド名が「キー名」に該当します。

ACFを使用する場合のキー名
ACFを使用する場合のキー名

まとめ

以上がWordPressの検索機能の条件にタグ・カテゴリー・カスタムフィールドを追加する方法でした。

ご覧いただくとお分かりのように、デフォルトの検索機能をカスタマイズするためにはWordPressのデータベース構造を理解した上でSQL文を組み立てる必要があります。

逆に言えば、SQLをある程度知っていてWordPressのデータベース構造も理解できれば検索機能の複雑なカスタマイズも可能になるということでもあります。

ケケンタ

（そこのハードルがそれなりに高いのではないかと思いますが……）

僕も最初はWordPressのデータベースとphpMyAdmin経由でにらめっこしたり、あれこれ試行錯誤することで少しずつ理解を進めることができました。

この記事が読者の方にとっての学習のきっかけや、その一助になったなら幸いです。

それでは、最後までご覧いただきありがとうございました！

今回参考になった書籍

サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル[ 宮内 隆行 ]

検索機能の関連記事

]]> https://kekenta-it-blog.com/wp-search-condition-custom/feed/ 0 【WordPress】検索機能と検索結果ページを作成する方法 https://kekenta-it-blog.com/wp-create-search/ https://kekenta-it-blog.com/wp-create-search/#respond Wed, 26 Jun 2024 08:11:24 +0000 https://kekenta-it-blog.com/?p=8483

このようなお悩みをお持ちの方に向けて、この記事では WordPressのオリジナルテーマで検索機能と検索結果ページを作成する方法 をご紹介します。 一見すると難しそうに思うかもしれませんが、WordPressではシンプル […]]]>

ケケンタ

WordPressのオリジナルテーマで「検索機能」ってどうやったら実装できるの……？

このようなお悩みをお持ちの方に向けて、この記事では

WordPressのオリジナルテーマで
検索機能と検索結果ページを作成する方法

をご紹介します。

一見すると難しそうに思うかもしれませんが、WordPressではシンプルな検索機能であればプラグインを使用しなくても簡単に実装することが可能です。

ケケンタ

この記事の手順通りに作業を進めれば簡単に実装できますので、ぜひ最後までご覧下さい！

この記事で作成する検索機能のポイント
  • 検索対象はタイトルと本文（それ以外の部分を検索対象に含めたい場合はプラグイン等でのカスタマイズが必要）
  • 半角スペースで区切れば複数キーワード検索が可能（全角スペースは不可）
【WordPress】WP_Query（サブループ）の使い方とパラメータ一覧を紹介
【WordPress】functions.phpを編集する「３つ」の方法と編集時の注意点
【WordPress】JavaScriptはどこに書けばいい？「３つの方法」を解説
無料テーマCocoonからSWELLに乗り換えた７つの理由【WordPress】
あわせて読みたい
PHPやWordPressを学ぶのにおすすめのプログラミングスクール【７選】 僕はこれまで独学でPHPを学習してきました。結論から言えば、それでもPHPを習得することはできました。 しかし、それに費やした累計学習期間は1年ほど。モチベーション…

WordPressにおける検索機能実装の流れ

WordPressで検索機能を実装する際は、大まかには以下のような流れをたどります。

WordPressにおける検索機能実装の流れ
  • 検索フォーム用のPHPファイル（searchform.php）を作成する
  • 検索結果ページ用のPHPファイル（search.php）を作成する
  • ①で作成した検索フォームを任意の場所で呼び出す
ケケンタ

それでは各工程について順番にご説明していきます。

以降より掲載するディレクトリはローカル上でのものになりますが、実際にファイル配置する際にはご自身の環境（本番サーバー）で作業をお進めください。

【手順①】検索フォーム用のPHPファイル（searchform.php）を作成する

STEP
テーマディレクトリ直下に検索フォーム用のPHPファイル（searchform.php）を作成する

まずは使用中のテーマディレクトリ直下に検索フォーム用のPHPファイルを作成します。

searchform.phpをテーマディレクトリ直下に設置

searchform.phpを作成
searchform.phpを作成
STEP
作成したファイルに検索フォームのソースコードを記述

続いて、作成したファイルに検索フォームのソースコードを記述します。

searchform.phpに記述

<form action="<?php echo esc_url(home_url('/')); ?>" method="get" class="my_searchform">
	<input name="s" id="s" type="text" value="<?php the_search_query(); ?>" placeholder="検索キーワードを入力して下さい" />
	<input id="submit" type="submit" value="検索" />
</form>
searchform.phpのポイント
  • <form>タグのaction属性には「自分のサイトのトップページURL」を指定する
  • <form>タグのmethod属性は「get」にする
  • ひとつ目の<input>タグのname属性は「s」にする
  • ひとつ目の<input>タグのvalue属性には「the_search_query();」を設定し、検索結果ページで検索キーワードを表示できるようにする
  • ふたつ目の<input>タグのtype属性は「submit」にする
ケケンタ

WordPressではたったこれだけのソースコードで検索機能が動くようになります！

【手順②】検索結果ページ用のPHPファイル（search.php）を作成する

【手順①】で検索機能自体は動くようになりましたが、これでは検索結果が表示されないため、今度は検索結果ページ用のファイルを準備していきます。

STEP
テーマディレクトリ直下に検索結果表示用のPHPファイル（search.php）を作成する

まずは使用中のテーマディレクトリ直下に検索結果表示用のPHPファイルを作成します。

search.phpをテーマディレクトリ直下に設置

search.phpを作成
search.phpを作成
STEP
作成したファイルに検索結果表示用のソースコードを記述

続いて、作成したファイルに検索結果表示用のソースコードを記述します。

<div>
    <p><?php echo '「' . get_search_query() . '」の検索結果：' . $wp_query->found_posts . ' 件の記事が該当しました。';?></p>
</div>

<div>
    <main>
    // メインループを回して検索結果として取得できた記事を出力する
    <?php if ( have_posts() ): ?>
        <?php while ( have_posts() ) : the_post();?>
        <div>
          <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
          <?php the_excerpt(); // 記事の抜粋?>
          <div>
            <p>投稿日：<?php echo get_the_date(); ?>投稿時間：<?php the_time(); ?>カテゴリー：<?php the_category(" , "); // 「,」区切りでカテゴリーを出力?></p>
          </div>
        </div>
       <?php endwhile; ?>

       <?php else: ?>
           <p>該当する記事はありませんでした。</p>
    <?php endif; ?>
    </main>
</div>
search.phpのポイント
  • get_search_query()（ソースコード2行目）で「入力された検索キーワード」を取得
  • $wp_query->found_posts（ソースコード2行目）で「見つかった検索結果件数」を取得
  • メインループを回して「取得できた検索結果の記事」を1件ずつ出力
  • 取得した記事が無ければ「該当する記事はありませんでした。」のテキストを出力（ソースコード19～21行目）

【手順③】①で作成した検索フォームを任意の場所で呼び出す

ケケンタ

最後に、作成した検索フォームを任意の場所で呼び出します。

呼び出し方はいたって簡単で、以下のソースコードを検索フォームを出力したい場所に記述するだけです。

<?php get_search_form(); ?>

これはget_header()やget_footer()のようなインクルードタグの１種です。
get_search_form()によって【手順①】で作成したsearchform.phpが自動的に呼び出され、その中身である検索フォーム部分が表示されます。

最後にCSSで自分好みの見た目に調整すれば完成！

以上がWordPressで検索機能を実装する方法でした。

検索フォームや検索結果ページは、HTMLやCSSを使用してご自身が好きな見た目に調整可能です。

ケケンタ

検索フォームの一部の属性だけは決められた値を設定する必要がありますが、class名やid名などは任意のものを設定可能です。

また、検索結果ページに出力する内容も、基本的には「メインループで１件ずつ出力する」という部分を抑えていれば自由にカスタマイズできます。

この記事のソースコードをベースに、ぜひご自身の状況に適したカスタマイズを行ってみて下さい。

それでは最後までご覧いただきありがとうございました。

当ブログではWordPressやWeb制作、PHPの情報を発信しています。
ご興味のある方は他の記事もご覧いただけると嬉しいです。

検索機能の関連記事

]]> https://kekenta-it-blog.com/wp-create-search/feed/ 0