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

執筆者:

関連記事

WordPress★一般設定からWordPressアドレスを間違って入力した場合の対処法

ダッシュボードからWordPressのアドレスを設定できるが、「WordPressアドレス」を間違って変更してしまった場合、サイトが正しく表示されないのはもちろん、管理画面にもアクセスできなくなる。 …

WordPress★TwitterとInstagramをサイトに表示させる

サイトにTwitterのタイムラインを埋め込む方法のメモ。 Twitterのタイムラインをサイトに埋め込むコードを取得する ここにアクセスして、コードを取得する!  ↓  ↓  ↓ https://p …

no image

「SyntaxHighlighter Evolved」が「TinyMCE」を使うとコード表示されない!

記事内にソースコードをそのまま表示させるには「SyntaxHighlighter Evolved」というプラグインがよく使われていますが、ビジュアルエディタを使っていると、これがうまく表示されない。 …

WordPress|Twenty Nineteen トップページを固定ページにする

WordPressのダッシュボードから「外観」>「カスタマイズ」を選択。 「ホームページ設定」を選びます。 「ホームページ」と「投稿ページ」の2つに固定ページを割り当てます。 「+新規固定ページを追加 …

WordPress★固定ページに特定の記事を表示させる

やりたかったこと あるカテゴリのトップページとして用意した固定ページに、そのカテゴリの最新の投稿記事を1つだけ表示させる。 動きとしては、1.投稿記事から該当するカテゴリの記事を絞り込む2.日付順に並 …

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