WordPressカスタマイズまとめ←クリック

Invisible reCaptcha for WordPressの設定【セキュリティ対策】

当サイトはこれまで「Akismet Anti-Spam」でスパム対策をしていました。

Akismet Anti-Spamの設定 Akismet Anti-Spamの設定と使い方【簡単スパム対策】

ところが、これはスパムを振り分けるだけであって防止してくれるわけではないんですよね。

そこで、今回はもっと強力なセキュリティプラグインの設定方法を解説します。

Invisible reCaptcha for WordPress」の設定を行ってからというものスパム0件というとてつもない防御力を発揮しています。

注意

このプラグインを導入すれば「Akismet Anti-Spam」は不要になるので、設定を終えたら削除してください。

Invisible ReCAPTCHA画像選択

Invisible ReCAPTCHA画像選択

このプラグインは、システム側でスパムか人間かを判断します。

最初から人間と判断された場合はログインフォームや問い合わせからそのままログインや送信できます。

ちょっと怪しいなと判断された場合は「画像選択式の確認ボックス」が表示されます。

ではさっそく設定していきましょう。

Google reCAPTCHAに登録する

STEP1

まず登録するには、Googleアカウントが必要です。

まだお持ちでない方はこちらから登録

Googleアカウント作成ページ

作成ページへ飛ぶと、こんな画面になります。

Googleアカウントの作成手順・1

Gメールでアカウントを作成する場合は、このまま各項目を埋めていき「次のステップ」をクリックしてください。

自分のアドレスで作成したい場合は、「現在のメールアドレスを使用する」をクリックしてください。

Googleアカウントの作成手順・2

「同意する」をクリック。

Googleアカウントの作成手順・3

「次へ」をクリック

以上でGoogleアカウント作成完了です。

一応完了すると、以下のようなメールが届きますので確認してください。

Googleアカウントの作成完了メール

アカウント作成したら「Google reCAPTCHA」の登録作業に入ります。

Google reCAPTCHAサイトへGO!!

上記サイトに飛んだたら、以下の青いボタン「Get reCAPTCHAまたはMy reCAPTCHA」をクリック

Google reCAPTCHA

Google reCAPTCHA


STEP2

reCAPTCHAサイト登録

reCAPTCHAサイト登録

  • Label自分のサイト名
  • Choose the type of reCAPTCHA2番目の「lnvisible」を選択
  • Domains自分のドメイン名を入力=当サイトで言えば「kagesai.net」
  • Accept the reCAPTCHA Terms of Service.「チェック」する
  • Send alerts to owners「チェック」する
  • Register」をクリック

STEP3

reCAPTCHA Keys

reCAPTCHA Keys

Site key」「Secret key」両方コピーまたはこのページを開いておく。

ここでの設定は終了。WordPress管理画面へGO!!

Invisible reCaptcha for WordPressをインストール

STEP4

Invisible reCaptcha for WordPress

Invisible reCaptcha for WordPress

プラグイン」→「新規追加」→「Invisible reCaptcha for WordPress」で検索→「今すぐインストール」をクリック→「有効化」をクリック

lnvisible reCaptcha for WordPress の設定

STEP5

Invisible reCaptcha for WordPress設定

lnvisible reCaptcha for WordPress設定

設定」→「lnvisible reCaptcha」をクリック


STEP6

Invisible reCaptcha Settings

Invisible reCaptcha Settings

  • Your Site Key先ほどのSite keyの方を貼り付け
  • Your Secret Key先ほどのSecret Keyの方を貼り付け
  • Language(言語)「Japanese」を選択
  • Badge Position(設置場所)「Inline」を選択
  • Badge Custom CSS
    .wpcf7 .grecaptcha-badge{
    margin-top:50px;	
    }
変更を保存をクリック

変更を保存をクリック

補足

Badge Custom CSS

のコードはお問い合わせに「ContactForm7」を使用しているかつ当サイトのカスタマイズを行なっている方用です。

ContactForm7reCAPTCHA

ContactForm7reCAPTCHA

上記のようにボタンと被ってしまうので以下のように「Invisible-Recaptcha」を下に下げています。

ContactForm7reCAPTCHAカスタム

ContactForm7reCAPTCHAカスタム

もし不要であれば、削除してください。

Contact Form 7カスタマイズ Contact Form 7をプロ級フォームにカスタマイズする方法

STEP7

WordPress Protection Settings

WordPress Protection Settings

  • 「WordPress」をクリック後、全てにチェックする。
  • Enable Login Form Protectionログインフォーム
  • Enable Registration Form Protection登録フォーム
  • Enable Comments Form Protectionコメントフォーム
  • Enable Forgot Password Form Protectionパスワードフォーム
  • 変更を保存をクリック

    変更を保存をクリック

補足
WordPressログインフォームreCaptcha

WordPressログインフォームreCaptcha

管理画面のログインフォームに表示

WordPressパスワードフォームreCaptcha

WordPressパスワードフォームreCaptcha

管理画面のパスワードを忘れた時に表示

WordPressコメントフォームreCaptcha

WordPressコメントフォームreCaptcha

コメント欄に表示

登録フォームは、よくわかりませんが恐らくメルマガ会員フォームなどを実装した時のものと思われます。


STEP8

問い合わせプラグイン「ContactForm7」を導入している方はチェックします。

Contact Form 7カスタマイズ Contact Form 7をプロ級フォームにカスタマイズする方法
Contact Forms Protection Settings

Contact Forms Protection Settings

Contact Forms」をクリック→「Enable Protection for Contact Form 7」にチェック

変更を保存をクリック

変更を保存をクリック

WordPressの場合は、これで完了です。

注意

「ContactForm7」ですでにreCAPTCHAの設定を行なっている場合は、そちらを削除してください。

ContactForm7インテグレーション

ContactForm7インテグレーション

管理画面から「お問い合わせ」→「インテグレーション」をクリック

ContactForm7reCAPTCHAキー設定

ContactForm7reCAPTCHAキー設定

ContactForm7reCAPTCHAキー入力

ContactForm7reCAPTCHAキー入力

キーを空欄にして「保存」しましょう。

まとめ

このプラグインを入れておけば「Akismet Anti-Spam」は不要なので、現在使用されている方は削除して乗り換えましょう。

Akismet Anti-Spamの設定 Akismet Anti-Spamの設定と使い方【簡単スパム対策】
★Amazonは現金チャージがお得★

チャージ額に応じてポイントが貯まります。

プライム会員」なら最大2.5%ポイント還元!!貯まったポイントは次回のお買い物から使えます。さらに、今なら初回購入1000ポイントキャンペーン中!!

※キャンペーン条件がやや複雑なので不安な方は下記の手順を確認してください

STEP1

キャンペーンページへ

Amazonギフトポイント付与キャンペーン

STEP2

エントリー完了後、「Amazonギフト券チャージタイプ」をクリック

Amazonギフトポイント付与キャンペーンエントリー

STEP3

キャンペーン条件の5000円以上を選択または自由金額を5000円以上に入力次へをクリック

Amazonギフトチャージタイプ購入

STEP4

Amazonギフトチャージタイプ支払い方法選択PC

「コンビニ・ATM・ネットバンキング払い・電子マネー払い」を選択次に進むをクリック


STEP5

注意×10

特に何もせず注文を確定するをクリック

Amazonギフトチャージタイプ購入PC

以下キャンペーン条件から外れてしまうトラップについて。

  • 支払い方法の「電子マネー」はNG
  • Amazonギフト券・Amazonショッピングカード・クーポンも使用できるようになっていますがNG
  • 2000円以上で200ポイントも初回特典ですが、チャージは対象外なのでこちらを選択すると本来1000ポイントもらえるのに200ポイントになってしまうのでNG

私はAmazonヘビーユーザーですが、このキャンペーンに関してはユーザーを欺くようなUX(導線)でよろしくないなと思いました。


STEP6

Amazonギフトチャージタイプ購入確認メール

Amazonに登録してるメールアドレスに「お支払い番号のお知らせ」メールが届きます。お支払い方法別の手順」のリンクをクリックしてください。


STEP7

Amazonギフトチャージタイプ支払い確定PC

もう一度言っておきますが、ここで「電子マネーでの支払い」を選択しないように注意してください。

それ以外の支払い方法をクリックすると詳細が載っているので、期限である6日以内に支払いを済ませて完了です。

以上がキャンペーンの手順です。注意点に気をつけながらぜひこの機会に1000ポイントGETしてください。

プライム会員」なら最大2.5%ポイント還元!!

※チャージした金額の有効期限は安心の10年間

ご質問・ご感想・受付中

「メールアドレス入力欄」を削除した為「返信通知」は届きません。
確実に返信が必要な場合は「お問い合わせ」または「TwitterのDM」よりご連絡ください。

他の方にも有益になると判断した質問やコメントは記事に引用させて頂く場合がありますのであらかじめご了承下さい。