WordPress

WordPrss★検索結果を表示するテンプレートをsearch.phpから任意の○○○.phpファイルにするには

投稿日:2021年1月29日 更新日:

WordPressの基本の検索ファイル

WordPressはテンプレート階層の優先順位の高い順番にファイルを探して、 最初に見つかったテンプレートファイルを使ってページを表示します。WordPressの検索機能で使われるファイルは下記のようになっています。

検索フォームを表示⇒「searchform.php」
検索結果を表示⇒「search.php」なければ「index.php」

基本的な検索機能は下の手順で設置できます。

searchform.phpを作成

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
    <label for="s" class="assistive-text">検索</label>
    <input type="text" name="s" id="s" placeholder="検索" />
    <input type="submit" value="検索" />
</form>

検索フォームを呼び出す

<?php get_search_form(); ?> <!-- 検索窓の表示 -->

検索結果ページ

<?php if ( have_posts() ) : ?>
  
<h1><?php printf( __( 'Search Results for: %s', 'altitude' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
                    
        <?php while ( have_posts() ) : the_post(); ?>
                <?php get_template_part( 'content', 'search' ); ?>
        <?php endwhile; ?>
 
        <?php else : ?>
 
該当なし
 
        <?php endif; ?>

今回は、基本の検索機能とは別に絞り込み検索機能を追加して、検索結果を別デザインで表示させたいので、その方法を調べてみました。

検索結果を表示するテンプレートを任意の○○○.phpファイルに指定するには

今回は、基本の検索とは別の検索機能を追加するので、検索の結果は「search.php」とは別デザインのテンプレートファイル「○○○.php」に表示させたい。

方法は、<form>タグの「action:」に表示させたいページのURLを入れるだけ。

//検索フォームの<form>タグ内 
<form method="get" id="searchform" action="ここに表示させたいページのURLをいれる">

こんなに簡単なことだったとは。。。。
調べまくって、テストしまくって、最後の最後にたどり着いた答え。
コードの知識が浅いので、action は必ず action=”<?php bloginfo(‘url’); ?>”> と指定しなければ、WordPressでは上手く作動しないものだと思い込んでました。これで、サイト内検索をいろいろと追加していけそうです!

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:

関連記事

【2021年最新版】WP★ContactForm7 送信後に異なる URL にリダイレクトさせる/カスタム DOM イベント使用

Contact Form 7 プラグインで、送信完了後にサンキューページに遷移する方法を紹介しましたが、プラグインの仕様変更で設定方法が変わりましたので、改めて紹介します。 子テーマのfunction …

WordPress★特定のページだけに「ある要素」を表示させたいとき

WordPressで、特定のページだけに「ある要素」を表示させたいときの テンプレートファイルへの書き方。 テンプレートファイル内の要素を表示させたい箇所に記述 要素のボリュームが少ない場合 =>テン …

WP★ContactForm7 送信後に異なる URL にリダイレクトさせる

Contact Form 7 プラグインでお問い合わせや申し込みフォームを作成すると、送信完了後にメッセージが出るだけで完了ページには遷移しません。 メッセージだけだと、送信が完了したことに気付かずに …

Two Way Road Direction Junction  - fietzfotos / Pixabay

WordPress★ACFのカスタムフィールドが空の時は表示させないようにするには

Advanced Custom Fields(ACF)プラグインを使っていれば、簡単なコードで実装可能! Advanced Custom Fields(ACF)プラグインを使っている場合、カスタムフィ …

WordPress★ブロックエディター「Gutenberg」 投稿ページでテンプレートを使えるようにする方法

「TinyMCE テンプレート」は、ブロックエディター「Gutenberg」では使えないので、TinyMCE テンプレートの代替を探すことにした。 ブロックエディターで記事のひな形を使う方法を調べてい …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。