1CLOSESEARCHHOMEABOUTSITEMAPCONTACTWORK全角チェッカーギャル文字TwitterHOMEブログWordPressの問い合わせフォームに認証機能を追加する方法WordPressの問い合わせフォームに認証機能を追加する方法2018年4月23日ブログツイートシェアはてブ送るPocketどうも、室井(@muroiwataru)です。WordPressの問い合わせフォームに簡単にreCAPTCHAを追加できるらしいので調べてみました。reCAPTCHAっていうのは最近よくみかけるこいつのこと。クリックするだけで人間かbotか見分けるってすごい技術ですよね。7」は、reCAPTCHAと連携させることができます。7」以外のプラグインを利用している方はこちらを参考に乗り換えを検討してください。あとがきreCAPTCHAを設置する手順キーを取得する“お問い合わせ”>”インテグレーション”から右上のリンクを開きます。reCAPTCHA”を選択します。※Googleにログインしていない場合はログインが必要”Label”にはブログのタイトルを入力します。v2′′を選択します。reCaptcha”はチェックボックスにチェックする必要すらない、目に見えない認証らしいです。昔は歪んだ文字を入力していたのに、便利な時代になったものですね。v2′′を選びました。”Domains”には自分のブログのURLを入力します。reCAPTCHA”を選択すると表示されます。schame訳)URLは無効なスキームで始まります「https://」の部分は要らないようです。「https://」を消します。してもエラーが出ました。path訳)URLはパスで終わってはいけません最後の「/」が余計だったみたいです。「/」を消してようやく先に進めました。2つのキーとスクリプトが表示されます。Keyをコピーして”お問い合わせ”>”インテグレーション”を開いて貼り付けましょう。入力したら保存します。header.phpにスクリプトを追加するheader.phpの<head></head>の間に下記の一行を追加してください。書きこむのではなく、子テーマを使って編集するのが安全です。src='https://www.google.com/recaptcha/api.js'></script>このコードを書かないとチェックボックスが表示されません。機能していないわけではないので、絶対に送信できないフォームになってしまいます。忘れずに追加しましょう。問い合わせフォームにreCAPTCHAを設置するフォームの編集画面を開き、タグを追加します。”reCAPTCHA”ボタンを選択します。サイズとテーマを選択して”タグを挿入”を選択します。下の2つの項目は空欄で構いません。送信ボタンの上にreCAPTCHAが表示されるようになりました。間隔をもう少し開けたいので<br>を追加してみましょう。こんな感じにしてみました。行間の開け方はかなり適当です。こだわりのある方は他の方法を使ってください。このようなフォームになりました。今度は少し開きすぎた感じもしますが、まあいいでしょう。チェックを入れないと送信時にエラーが表示されるようになりました。クマ」が出てきました。クマって何よ?と思い調べてみたら、漫画村がreCAPTCHAを導入して話題になったようですね。チェックすると勝手にマイニングするマルウェアが入り込むなどと噂が流れていたようです。reCAPTCHAはGoogleが提供している機能なので、チェックすることでウイルスに感染することはないでしょうが、漫画は買って読みましょう。コメントをキャンセルメールアドレスが公開されることはありません。SilverPCとかDbDとか、自分の興味のあることについて書いてます。