【プラグインなし】WordPressでお問い合わせフォームを設置する方法。contentinokawablogCodeDesignLifeAboutContactホームWordPress【プラグインなし】WordPressでお問い合わせフォームを設置する方法。セキュリティ対策も【プラグインなし】WordPressでお問い合わせフォームを設置する方法。セキュリティ対策も公開日:2019/08/27WordPressでお問い合わせフォームを設置する方法をプラグインなし場合を紹介します。コピペだけでも大丈夫です。こちらのサイトを参考にしました。v2のチェックボックスを実装します。※GoogleのreCAPTCHAはローカル環境では使用することはできません。v2の設定を行います。v2の設定こちらのGoogleのreCAPTCHAのサイトに移動してください。必要な情報を入力していきます。「私はロボットではありません」チェックボックスを選択して下さい。ドメインは設置をするサイトのドメインをしてして下さい。recaptchaのサイトキーとシークレットキーが表示されるのでメモっておいて下さい。実行ファイルの作成メールの送信とバリデーションをするphpファイルを別で作成(sendmail.php)し、ajaxで実行します。sendmail.phpはテーマディレクトリ直下に設置して下さい。id="errmsg">【リファラチェックエラー】お問い合わせフォームから入力されなかったため、メール送信できませんでした。id="errmsg">【エラー】名前・メールアドレス・内容は必須項目です。id="errmsg">【エラー】メールアドレスの形式が正しくありません。id="posted_message">お問い合わせありがとうございます。確認次第返答させていただきます。id="errmsg">【エラー】メール送信に失敗しました。ENT_QUOTES,'UTF-8');}?>送信先とドメインを設定してください。reCAPTCHAで自動にg-recaptcha-responseというパラメータが付与されます。これは、reCAPTCHAが実装されており、さらにユーザーがreCAPTCHAの認証を経た場合は、このパラメータが追加されます。認証を通っていない(チェックしていない)場合は、空になります。stream_context_createでWebAPIを叩き、レスポンスで条件分岐をしています。placeholder="お名前を入力して下さい。placeholder="メールアドレスを入力して下さい。placeholder="件名を入力して下さい。placeholder="お問い合わせ内容を入力して下さい。?>/sendmail.php”で、メール送信用のphpファイルを対象にajaxを行います。返却値がerrflgとdispmsgとrecaptchなので、recaptchの判定をrecaptchで行い、errflgで送信成功かどうかの判定を行い、失敗と成功でそれぞれの処理を分けています。送信した場合に、メッセージを表示するためdispmsgにhtml()でDOMを操作しています。成功した場合、お問い合わせフォームをremoveで消しています。defer></script>だけです。