WordPressログインおよび登録フォームにキャプチャを追加する方法

CAPTCHAをWordPressサイトのログインおよび登録フォームに追加しますか??


多くの場合、WordPressログインページとユーザー登録ページは、ハッカー、スパマー、ブルートフォース攻撃の主な標的です。.

攻撃者の動機は、WordPress管理領域に不正アクセスしてマルウェアを配布したり、他の場合には特定のWebホスティング会社がホストするWebサイトのネットワーク全体をクラッシュさせて身代金を収集したりすることです。.

これらの攻撃を回避する1つの方法は、スパムボットを効果的にブロックし、サイトがハッキングされるのを防ぐCAPTCHAを使用することです。.

この記事では、CAPTCHAをWordPressのログインおよび登録フォームに簡単に追加する方法を示します。.

CAPTCHAをWordPressログインおよび登録フォームに追加する

CAPTCHAとは?

CAPTCHAは、人間と自動化されたユーザーを区別するために使用されるコンピュータープログラムです。これは、人間のユーザーが合格するのは非常に簡単ですが、自動化されたスクリプトが正しく機能するのは非常に難しく、ほとんど不可能であるテストを提示することによって行われます.

CAPTCHAの初期の頃は、ユーザーは画像に表示されたテキストを入力するよう求められていました。この画像には、ランダムな文字、単語、または数字が歪んだスタイルで表示されていました.

古いスタイルのCAPTCHA

その後、reCAPTCHAと呼ばれる新しいテクノロジーが導入されました。ランダムな単語をチャレンジとして示し、ユーザー入力を使用して本のデジタル化を支援しました.

reCAPTCHAプレビュー

このテクノロジーは2009年にGoogleに買収されました。それ以来、数千冊の本のデジタル化とNew York Timesアーカイブの完成に貢献しています.

ただし、これらの新しいCAPTCHAは依然として煩わしく、ウェブサイトのユーザーエクスペリエンスを台無しにしました。.

これを修正するために、GoogleはAIとユーザーインタラクションを使用してスパムボットをキャッチする「CAPTCHA reCAPTCHAなし」を導入しました.

NoCaptcha reCAPTCHA

人間のユーザーがクリックしやすいチェックボックスが表示されます。他の疑わしいトラフィックについては、画像内のオブジェクトを識別するような、より難しいキャプチャが表示されます.

そうは言っても、CAPTCHAを使用してWordPressウェブサイトのセキュリティを向上させる方法を見てみましょう.

ワードプレスのログインと登録にCAPTCHAを使用する理由?

WordPressのログインページと登録ページは、スパマー、なりたいハッカー、ブルートフォース攻撃の標的になりやすい.

これは、WordPressが世界で最も人気のあるWebサイトビルダーであり、悪意のある試みの一般的な標的となっているためです.

WordPressサイトを保護する最も簡単なソリューションは、SucuriのようなWordPressファイアウォールプラグインを使用することです。不正なトラフィックがWebサイトに到達するのをブロックし、不正アクセスを防止します.

別の解決策は、WordPressのログインページと登録ページにパスワード保護の2番目のレイヤーを追加することです。ただし、この方法の問題は、その2番目のパスワードを各ユーザーと共有する必要があることであり、これは単純に大規模な複数の著者のブログやメンバーシップサイトには対応しません。.

CAPTCHAは、これらのソリューションのより簡単な代替手段を提供します。 GoogleのAIテクノロジーを使用して本物の訪問者を検出し、不審なユーザーにキャプチャの課題を提示します.

そうは言っても、CAPTCHAをWordPressサイトに簡単に追加する方法を見てみましょう.

デフォルトとカスタムのWordPressログインおよび登録フォーム

デフォルトのWordPressログインおよび登録フォームは、基本的な機能セットを提供します.

ログインページにより、ユーザーは各自のユーザーの役割と権限に応じてウェブサイトのバックエンドにアクセスできます.

デフォルトのWordPressログインページ

デフォルトのWordPress登録フォームでは、訪問者がサイトにアカウントを作成できます。登録すると、Webサイトのバックエンドにログインして、ユーザーロールで許可されている特定のタスクを実行することもできます.

デフォルトのWordPressユーザー登録ページ

多くのWebサイト所有者は、デフォルトのWordPressログインおよび登録ページを独自のロゴやスタイルなどでカスタマイズしたいと考えています。多くのプラグインの1つを使用して、独自のカスタムログインおよび登録ページを作成し、デフォルトのプラグインを置き換えます.

デフォルトのページを使用していても、カスタムのページを使用していても、私たちはあなたをカバーします.

このガイドでは、WordPressのデフォルトおよびカスタムのログインおよび登録ページの両方にreCAPTCHAを設定する方法を示します.

デフォルトのWordPressログインおよび登録フォームにreCAPTCHAを追加することから始めましょう.

デフォルトのWordPressログインおよび登録フォームへのreCAPTCHAの追加

最初に行う必要があるのは、高度なnoCAPTCHAをインストールしてアクティブ化することです & reCAPTCHA(v2 & V3)プラグイン。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

プラグインがアクティブになったら、アクセスする必要があります 設定»高度なnoCAPTCHA & 見えないCAPTCHA 管理パネルのページ。完了すると、WordPressはプラグインの一般設定ページに移動します.

noCaptchaおよび非表示のキャプチャ(v2およびv3)の詳細設定

そこから、Google reCAPTCHAバージョンを選択し、reCAPTCHA APIキーを見つけて、サイトでサービスを有効にする必要があります.

v3はまだ安定していないため、v2の使用をお勧めします.

これらのAPIキーを取得するには、reCAPTCHAのWebサイトにアクセスし、[管理コンソール]ボタンをクリックする必要があります.

Google reCAPTCHAウェブサイトにアクセス

次の画面で、Googleからアカウントにログインするよう求められます。ログインすると、「新しいサイトの登録」ページが表示されます.

Google reCAPTCHAの新しいサイトを登録する

まず、[ラベル]フィールドにウェブサイト名を入力する必要があります。その後、reCAPTCHAタイプを選択する必要があります。たとえば、reCAPTCHA v2の「ロボットではない」チェックボックスを選択します.

次に、[ドメイン]セクションでドメイン名を入力する必要があります。 「https:// www」なしでドメイン名を入力してください。

Google reCAPTCHAのドメイン名と所有者を追加

[所有者]セクションにはメールアドレスが表示され、新しい所有者を追加することもできます.

その後、「reCAPTCHA利用規約に同意する」の横のチェックボックスをオンにする必要があります。必要に応じて、[所有者にアラートを送信する]チェックボックスをオンにして、サイトの不審なトラフィックやキャプチャの誤設定に関するメールアラートを受信することもできます.

WordPressサイトを送信して登録する

完了したら、[送信]ボタンをクリックします.

次に、サイトとサイトで使用できる秘密鍵とともに成功メッセージが表示されます.

Google reCAPTCHA APIキー

次に、WordPressダッシュボードを開いて、 設定»高度なnoCAPTCHA & 見えないCAPTCHA Google reCAPTCHAを設定するページ.

プラグイン設定ページが表示されたら、最初にGoogle reCAPTCHAバージョンを選択する必要があります。 Google reCAPTCHA v2「私はロボットではありません」にサイトを登録したので、ドロップダウンからそのオプションを選択します.

Advanced noCAPTCHA&Invisible CAPTCHA(v2&v3)でGoogle reCAPTCHA V2を選択

その後、先にGoogle reCAPTCHAから提供されたサイトキーとシークレットキーを入力する必要があります.

WordPressにreCAPTCHAを追加するには、サイトキーとシークレットキーを入力してください

次に、「有効なフォーム」オプションが表示されます。 Google reCAPTCHAを有効にするフォームの横にあるチェックボックスをオンにします。ここでは、ログインフォームと登録フォームを選択します.

デフォルトのWordPressログインおよび登録フォームでreCAPTCHAを有効にする

その後、ページを下にスクロールして、他のオプションを確認できます。カスタマイズが完了したら、下部にある[変更を保存]ボタンをクリックします.

それでおしまい!デフォルトのWordPressログインおよび登録フォームにreCAPTCHAを追加しました。プレビューするには、ブラウザでWordPressログインURLを開きます。例えば; www.example.com/wp-login.php.

Google reCAPTCHAを使用したWordPressログインページ

登録フォームでreCAPTCHAを確認する場合は、ログインフォームの下にある[登録]リンクをクリックしてください。その後、WordPress登録フォームが開き、reCAPTCHAの動作を確認できます.

reCAPTCHAを使用したWordPress登録ページ

カスタムWordPressログインおよび登録フォームでのreCAPTCHAの設定

前述したように、カスタムのWordPressログインおよび登録フォームは、Webサイトの訪問者により使いやすいメンバーシップオプションを提供します.

まず、ユーザーがフロントエンドからWebサイトに登録またはログインできるようにします。これにより、ユーザーエクスペリエンスが向上し、Webサイト全体で同じ全体的なデザインエクスペリエンスを維持できます。.

次に、あなたのウェブサイトのロゴを追加し、あなたのスタイルでログインと登録ページをカスタマイズすることができます.

カスタムWordPressログインフォームとユーザー登録フォームの作成は、最も使いやすいWordPressフォームプラグインであるWPForms(200万以上のWebサイトで使用されています)を使用すると簡単です。.

まず、WordPressサイトにWPFormsプラグインをインストールしてアクティブ化します。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

カスタムWordPressユーザー登録フォームをすばやく作成するには、少なくともWPForms Proプランを取得する必要があります.

アクティベーションが完了すると、 WPForms»設定 WPFormsライセンスキーを入力するページ。このキーは、WPForms Webサイトのアカウントエリアから取得できます。.

WPFormsライセンスキーを追加する

その後、上部にあるreCAPTCHAオプションをクリックして、カスタムメイドのWordPressフォーム用にreCAPTCHAを設定します。まず、reCAPTCHAタイプを選択する必要があります.

以前にv2を選択したため、この例ではここではreCAPTCHA v3を選択しますが、推奨はまだv2であることを知ってください.

WPForms reCAPTCHA設定-V3を選択

その後、サイトキーとシークレットキーフィールドが表示されます。これらのキーを取得するには、Google reCAPTCHA Webサイトでサイトを登録する必要があります.

Google reCAPTCHAのWebサイトにアクセスして、右上隅にある[Admin Console]ボタンをクリックします.

Google reCAPTCHAウェブサイトにアクセス

その後、Googleからアカウントへのログインを求められます。完了すると、「新しいサイトの登録」ページが表示されます.

Google reCAPTCHAの新しいサイトを登録する

ウェブサイト名を入力し、reCAPTCHAタイプオプションからreCAPTCHA v3を選択します.

次に、以下のスクリーンショットに示すように、ドメイン名(https:// wwwなし)を入力する必要があります.

Google reCAPTCHAのドメイン名と所有者を追加

別のGmailユーザーをreCAPTCHAの所有者として追加する場合は、[所有者]セクションでメールアドレスを追加できます.

その後、reCAPTCHAの利用規約に同意する必要があります。 [所有者にアラートを送信する]オプションの横にあるチェックボックスをオンにして、サイト上の疑わしいトラフィックに関する通知メールをGoogleから受け取ることもできます.

WordPressサイトを送信して登録する

完了したら、[送信]ボタンをクリックします.

その後、Googleはサイトキーとシークレットキーとともに成功メッセージを表示し、サイトにreCAPTCHAを追加します.

Google reCAPTCHA APIキー

Google reCAPTCHA APIキーを取得したので、開く必要があります WPForms»設定»reCAPTCHA WordPressダッシュボードのページ.

WPForms reCAPTCHA設定WordPress

WPForms reCAPTCHA設定ページで、サイトキーとシークレットキーを入力します。完了したら、設定を保存します.

WPFormsにreCAPTCHAを正常に追加したので、カスタムログインフォーム、ユーザー登録フォーム、またはWPFormsで構築されたフォームでreCAPTCHAを簡単に有効にすることができます。.

それでは、先に進み、カスタムのWordPress登録フォームを作成しましょう.

訪問 WPForms»アドオン ページ。 「ユーザー登録アドオン」を見つけ、「アドオンのインストール」をクリックします.

WPFormsユーザー登録アドオンをインストールする

その後、WPFormsはアドオンをダウンロードしてインストールします。ユーザー登録アドオンのステータスが「アクティブ」になったら、新しいユーザー登録フォームを追加できます.

今、あなたは行く必要があります WPForms»新規追加 WPForms Builderを起動します。 WPForms設定ページで、「ユーザー登録フォーム」テンプレートを選択します.

ユーザー登録フォームテンプレートWPFormsを選択

その後、WPFormsは自動的にカスタムユーザー登録フォームを作成し、フォーム設定ページを開きます.

ユーザー登録フォームビルダーWPForms

これで、新しいフィールドを追加したり、フィールドオプションを編集したりして、フォームをカスタマイズできます。デフォルトのフォームが気に入った場合は、何も変更せずに使用できます。.

次に、設定オプションをクリックしてフォーム設定を構成し、Google reCAPTCHAを有効にする必要があります.

[全般設定]ページでは、フォーム名の編集、フォームの説明の追加、[送信]ボタンのテキストの編集などを行うことができます。下部に、[Google v3 reCAPTCHAを有効にする]ボックスを含むチェックボックスが表示されます.

WordPressカスタム登録フォームでGoogle reCAPTCHAを有効にする

ユーザー登録フォームでチェックボックスをオンにして、Google reCAPTCHAを有効にします。完了したら、右上隅にある[保存]ボタンをクリックします.

カスタムユーザー登録フォームを保存する

その後、[保存]ボタンの横にある[閉じる]ボタンをクリックして、フォームビルダーを閉じることができます。.

それでおしまい!カスタムWordPressユーザー登録フォームを作成し、それにreCAPTCHAを追加しました.

次に、サイトにカスタムユーザー登録フォームを追加する必要があります。投稿、ページ、またはウィジェット対応領域にフォームを簡単に追加できます。たとえば、新しいページを作成してフォームを追加します.

に行く ページ»新規追加 WordPressダッシュボードからページを作成して、新しいページを作成します。ページ編集画面で、[新しいブロックを追加]アイコンをクリックし、WPFormsブロックを選択します.

WordPressページエディターにWPFormsブロックを追加する

次に、ページ編集画面に追加されたWPFormsウィジェットを確認できます。先ほど作成したカスタムユーザー登録フォームを選択するだけです。その後、ウィジェットは自動的にページエディターにフォームをロードします.

カスタムユーザー登録フォームをWordPressページに追加

次に、他の必要なコンテンツを追加してページを公開できます.

これで、ウェブブラウザでページを開いて、Google reCAPTCHAが動作しているカスタムユーザー登録フォームを表示できます.

この例ではreCAPTCHA v3を選択したため、「私はロボットではありません」のようなGoogle reCAPTCHAチェックボックスは表示されません。これは、reCAPTCHA v3がバックグラウンドで動作するため、右下に小さなバッジが表示されるためです.

Google reCAPTCHAを使用したカスタムWordPressユーザー登録フォーム

カスタムログインフォームを作成するプロセスはほとんど同じです。唯一の違いは、WPFormsセットアップページからユーザーログインフォームテンプレートを選択する必要があることです。.

ユーザーログインフォームテンプレートWPFormsを選択します

その後、プロセス全体は同じです。詳細については、WordPressでカスタムログインページを作成する方法に関するガイドをご覧ください。.

reCAPTCHAを使用したカスタムWordPressログインフォーム

この記事が、ワードプレスのログインおよび登録フォームにCAPTCHAを追加する方法を学ぶのに役立つことを願っています。また、Webサイトの全体的なセキュリティを強化するために、WordPressの究極のセキュリティガイドを参照することもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me