WordPress

WordPress★「検索」をカスタマイズする

投稿日:

検索機能を作るのに必要なファイルは下の2つです。

検索結果を表示する search.php
検索フォームを作る searchform.php

今回は、1からテーマを作ったので、「search.php」も「searchform.php」もありません。

手抜きをして、他のテーマ「twentynineteen」から、この2つのファイルを複製したのですが、エラーになってうまく機能せず。
やっぱり手抜きはだめですねぇ。。

そこで、自作テーマに「searchform.php」ファイルを作りました。
結果を表示させるには、「search.php」を作らなくても、デフォルトのページに一覧で表示されたので、今回は作らずにおきます。

あとは、CSSで好みの見え方に調整するだけ。
参考にさせていただいたサイトは下の通り。

WordPress標準の検索フォームを自分の好きなデザインに変更する

WordPressのサイトでサイト内検索を作る方法とカスタマイズ方法

初心者向け!WordPressで検索機能を自作してみよう!

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

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

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

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

WordPress★コメント入力フォームをカスタマイズする

  WordPressのバージョンは4.7.3 コメント入力フォームをカスタマイズする方法です。変更内容は 1)コメントの入力フォームで不要な部分を非表示にする 2)入力フォームの文言を自由に変更する …

WordPress|子テーマのstyle.cssの画像パスはどう書くの?

WordPressでは、themesフォルダ内の「テーマ名フォルダ」の中に「style.css」が入っています。子テーマの場合は「テーマ名-child」としていることが多いので、「テーマ名-child …

WP★無料のテーマ「Bizvector」CSSの編集方法

このページのもくじ ワードプレス★無料のテーマ「Bizvector」CSSの編集方法デフォルトのままなら、編集ファイルはここに…おまけ  ワードプレス★無料のテーマ「Bizvector」CSSの編集方 …

WordPress4.7.3★子テーマの作り方(Twenty Seventeen の場合)

  子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。  子 …

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