お問い合わせフォームの作成方法

ワードプレスでお問い合わせフォームを作成するには「Contact Form 7」というプラグインが便利です。

お問い合わせフォーム一つ一つを自分で作成するのは大変ですが、プラグインをインストールすることで簡単に導入できるので是非活用しましょう。

プラグインのインストール

① 管理画面で「プラグイン」にカーソルを合わせます。
② 右側にメニューが出てくるので「新規追加」をクリックします。

③ 検索窓に「Contact Form 7」を入力します。
④ 欲しいプラグインが表示されたら「今すぐインストール」をクリックします。

⑤ インストールが完了したら「有効化」をクリックします。

お問い合わせフォームの作成

① 管理画面で「お問い合わせ」にカーソルを合わせます。
② 右側にメニューが出てくるので「コンタクトフォーム」をクリックします。

③ コンタクトフォーム画面で「コンタクトフォーム 1」をクリックします。

④ カーソルを当てます。
⑤ 今回は「ドロップダウンメニュー」を追加してみます。

⑥ ポップアップが出てきたら、オプションに「男性」と「女性」を入力します。
⑦ 入力ができたら「タグを挿入」をクリックします。

⑧ 体裁を他の項目に合わせます。

⑨ 次で使用するため「menu-xxx」をコピーします。
⑩ コピーができたら「メール」タブをクリックします。

⑪ 送信先にメールアドレスを入力します。
⑫ メッセージ本文に⑨でコピーした「menu-xxx」をペーストして「[]」で挟みます。

⑬ 最後に「保存」をクリックします。

固定ページの作成

① ショートコードをコピーします。

② 管理画面で「固定ページ」にカーソルを合わせます。
③ 右側にメニューが出てくるので「新規追加」をクリックします

④ タイトルと本文を入力します。
⑤ ①でコピーしたショートコードをペーストします。
⑥ パーマリンクを修正します。
⑦ 最後に公開して設定完了です。

⑧ お問い合わせフォームの動作確認をするために「固定ページを表示」をクリックします。

⑨ フォームに一通り入力して「送信」をクリックし、メールが届けば動作確認完了です。