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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WordPress★Gutenbergにカスタムブロックをつくる 1

Gutenbergになったら、「TinyMCE テンプレート」というテンプレートプラグインが使えなくなってしまいました。 あらかじめ設定したひな形を呼び出して使えるのでとても便利だったのに。。。 この …

WordPress★もくじプラグイン「Easy Table of Contents」のカスタマイズ

記事のもくじを自動的に作ってくれる便利なプラグイン「Easy Table of Contents」。 デフォルトの見た目がイマイチなので、ちょっとカスタマイズしてみました。   元の見た目は …

no image

WordPress★インストール後にやっておきたい設定

・パーマリンクの設定 方法1 「/%category%/%postname%/」のように、”カテゴリ+記事タイトル”を使う 方法2 「設定」>>「パーマリンク設定」を開きます。 「一般的な設定」欄で、 …

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

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

WordPress★「リンクを新しいタブで開く」をデフォルト設定にするプラグイン

ワードプレスで記事をいているときによく使うリンク設定。 大抵は外部リンクなので新しいウインドウで開いて欲しい。 そんなときは、いちいち歯車ボタンをおして、 設定ウインドウを出して、チェックをいれる。 …

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