WordPressに検索フォームを追加する方法【初心者向け】

WordPressで制作したWebサイトのページ数が増えてきたら、訪問したユーザーのことを考えて、サイト内に「検索フォーム」があると便利です。

閲覧したサイトで使ったことがある人も、多いのではないでしょうか。

検索フォームを導入すると、サイトの使い勝手がアップするので、ユーザーの回遊性（サイトの様々なページをみてもらうこと）が向上します。

 

WordPressで検索フォームを設置するのに、特殊なコードを書いたりする必要はありません。

もちろん、細かいデザインや機能を設定したいひとは1から作成することができますが、初心者でも簡単に取り入れられるよう、デフォルトで機能が準備されています。

今回は、初心者でも簡単に検索フォームを導入する方法をお知らせします。

 

なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。

 

 

ウィジェット編集画面を開く

「検索フォーム」は、WordPressに標準装備されているウィジェット機能で導入することができます。

ダッシュボード＞外観＞ウィジェットをクリックしましょう。

ウィジェットの管理画面が開きます。

 

 

検索フォームウィジェットを追加

ウィジェット管理画面は、左に追加可能なウィジェットの一覧、右に使用中のウィジェット一覧という表示構成になっています。

 

この中から、「検索フォーム」というウィジェットを探しましょう。

TwentyTwelveのテーマでは、下の方に表示されていました。

 

ウィジェットを追加するときは、ウィジェットの一覧エリア（左）から、使いたいウィジェットを使用中エリア（右）にドラック＆ドロップで移動させるだけです。

今回は、サイドバーに表示させたいので、「メインサイドバーエリア」部分にドラック＆ドロップで移動させてみましょう。

 

検索フォームにタイトルを付けたい場合は、ここで編集して「保存」をクリックします。

 

設定が終わったらサイト上で確認すると、検索フォームが表示されていることがわかります。

今回の記事は以上です。ぜひ自分でも実装してみてください。

さらにWordPressを使いこなしたい場合は、WordPressで固定ページにテンプレートを適用する方法も合わせてご覧ください。

 

 

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。