サイト内に検索フォームを追加する方法
今回は、サイトに検索フォームを追加してみました。
備忘録として残しておきます。
スポンサーリンク
検索フォームを呼び出す
get_search_form関数を使って検索フォームを呼び出します。
検索フォームを配置したい場所に以下の処理を埋め込みます。
※私はサイドバーのアドセンス広告の下に配置してみました。
1 |
<?php get_search_form(); ?> |
検索フォームのテンプレート作成
検索フォームのデザインを自分でアレンジしたい場合は、「searchform.php」ファイルを新規で作成し、自分が使っているテーマ内にアップロードします。
searchform.phpには、以下のように記載します。
1 2 3 4 5 |
<form method="get" action="<?php esc_url(home_url('/')); ?>"> <label for="s">検索</label> <input type="text" name="s" id="s" /> <input type="submit" value="検索" /> </form> |
あとは、自分の好みに合わせて、CSSなどでアレンジを加えれば完成です。
ただし、以下の点を守らないと検索が動作しないようですのでご注意ください。
①form要素のaction属性には、WordPressのホームURLを指定(上記ソースの1行目)
②フォームの中に、name属性が「s」のinput要素を入れる(上記ソースの3行目)
③②の要素に対するラベルを出力する(上記ソースの2行目)
最後に
以上、WordPressのサイトに検索フォームを追加する方法でした。
少しでも参考になれば幸いです。
スポンサーリンク
関連記事(一部広告含む)