デザイン制作、Web制作、ブログ運営などのノウハウを配信するサイト

サイト内に検索フォームを追加する方法

今回は、サイトに検索フォームを追加してみました。
備忘録として残しておきます。
searchform1

スポンサーリンク

検索フォームを呼び出す

get_search_form関数を使って検索フォームを呼び出します。
検索フォームを配置したい場所に以下の処理を埋め込みます。
※私はサイドバーのアドセンス広告の下に配置してみました。

検索フォームのテンプレート作成

searchform2

検索フォームのデザインを自分でアレンジしたい場合は、「searchform.php」ファイルを新規で作成し、自分が使っているテーマ内にアップロードします。

searchform.phpには、以下のように記載します。

あとは、自分の好みに合わせて、CSSなどでアレンジを加えれば完成です。
ただし、以下の点を守らないと検索が動作しないようですのでご注意ください。

①form要素のaction属性には、WordPressのホームURLを指定(上記ソースの1行目)
②フォームの中に、name属性が「s」のinput要素を入れる(上記ソースの3行目)
③②の要素に対するラベルを出力する(上記ソースの2行目)

最後に

以上、WordPressのサイトに検索フォームを追加する方法でした。
少しでも参考になれば幸いです。

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で

ブログ用WordPress無料テーマ
「chameleon(カメレオン)」

WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。
初めてWordPressでブログを始める方、是非シンプルなテーマchameleon「カメレオン」を使ってみてください!

ブログ用無料WordPressテーマ

士業用WordPress無料テーマ
「InomaExpertBasic」

士業用の無料WordPressテーマを作成しました。
もちろん、一般的なビジネスサイトに活用できます。
自分でサイト更新したい方、
これからホームページを立ち上げようとする方、
自分でWordPressテーマを作ってみたい方、
この無料テーマを是非活用してみてください。

無料WordPressテーマ

コメントを残す

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

CAPTCHA


ページトップボタン