WordPressのサイト内検索結果表示の問題

Question

WordPressの書籍「WordPressデザインブック」を参考に
ローカル環境にてテストサイトを構築しています。

サイト内検索結果表示の問題があり困っています。

該当するキーワードでは検索結果が表示されます。
例　http://localhost/test/?s=test

該当しないキーワードや空白の場合では何も表示されない検索結果が表示されます。
例　http://localhost/test/?s=apple

該当しないキーワードや空白の場合は下記のように表示したいと思います。
タイトル：「○○○○○○○の検索結果」
説明文：「検索キーワードに該当する記事がありませんでした。」

このサイトは初めての利用なのですが、皆様のお力をお貸りさせていただければ助かります。
お手数をおかけいたしますが、よろしくお願いいたします。

追記1

質問者様のお陰で私のミスが分かりました。ありがとうございました。
書籍で提供されているファイルの中に「search.php」のサンプルがあるのですが、これを設置するのを忘れていました。

ただ、サンプルの「search.php」を設置しても検索結果のタイトルのみ表示です。
該当しないキーワードや空白の場合はタイトルの「"apple" に一致した記事」の下に
「検索キーワードに該当する記事がありませんでした。」を表示させたいです。

現状の画像を添付します。

search.phpのコードは下記になります。

<div class="sub-header">
	<div class="bread">
	<ol>
		<li><a href="<?php echo home_url(); ?>">
		<i class="fa fa-home"></i><span>TOP</span>
		</a></li>

		<li>
		<a>検索結果</a>
		</li>

	</ol>
	</div>
</div>

<div class="container">
<div class="contents">

	<h1>"<?php echo get_search_query(); ?>" に一致した記事</h1>

	<?php if(have_posts()): while(have_posts()):
	the_post(); ?>

	<?php get_template_part( 'gaiyou', 'medium' ); ?>

	<?php endwhile; endif; ?>


	<div class="pagination pagination-index">
	<?php echo paginate_links( array(
		'type' => 'list',
		'prev_text' => '&laquo;',
		'next_text' => '&raquo;'
	) ); ?>
	</div>

</div>

<div class="sub">
	<?php get_sidebar(); ?>
</div>
</div>

<?php get_footer(); ?>

Comments

[kei344]

コードをコードブロックで提示されてはいかがでしょう。

[aosora]

ありがとうございます。どのコードを提示すればいいですか？コードブロックはどうすれば良いでしょうか？よろしくお願いいたします。

[kei344]

自作テンプレートならサイト内検索用のテンプレートを提示してください。コードブロックは```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。https://teratail.com/help#about-markdown

Answer 1

下記記事を参照してみてください。

【ループ - WordPress Codex 日本語版】
https://wpdocs.osdn.jp/ループ

【WordPressの基本操作と使い方｜WordPressのツボ】
http://www.adphic.jp/wp/templatetag/loop/have_posts/

【WordPressで投稿を表示。正しいループの書き方徹底まとめ。 | WWWクリエイターズ】
http://www-creators.com/archives/2202

Answer 2

kei344様のアドバイスにより解決することができました。
お力を貸して頂き感謝しております。

お伝えいただいた下記のサイトを参考にsearch.phpの記述を修正しました。

【WordPressの基本操作と使い方｜WordPressのツボ】
http://www.adphic.jp/wp/templatetag/loop/have_posts/

修正したコードです。

<?php endwhile; ?>
<?php else: ?>
検索キーワードに該当する記事がありませんでした
<?php endif; ?>