お客様より、WordPress(ワードプレス)の「Contact Form 7」で作られたメールフォームが動作しないというお問い合わせを頂きました。
確認したところ、「送信」ボタンをクリックすると画面が再読込され、なにも入力されていない状態のフォームが表示されてしまいます。
仮のフォームを制作
原因を切り分けるために、Contact Form 7で名前だけを入力する、非常にシンプルなフォームを作成し、非公開の固定ページに貼り付けて動作させてみました。すると、正常に動作して送信も行えました。
そこで今度は、該当のフォームを別のページに貼り付けて作動させてみました。すると、こちらも動作しました。つまり、フォーム自体には問題がないということが分かります。
テンプレートを確認する
そこで、お問合せフォームのページで使われているテンプレートファイルを確認してみました。すると、テンプレートファイル内に<form>
タグが記述されていました。どうやら、お問合せフォームを設置しようとして、手作業で<form>
タグを設置してしまっていたようです。
Contact Form 7を利用する場合は、<form>
タグも自動で挿入されるため、テンプレートファイル内には不要です。これを削除し、動作を確認したところ正常に動作しました。
これで修理・復旧いたしました。