手順6)プラグインの設定をしよう【その3:hCaptcha for WordPress】
今回も、前回に引き続き、WordPressに是非入れておきたいプラグインの設定編です。
- Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress
- hCaptcha for WordPress★今回はコレ
- Webp converter for Media
- WP Multibyte Patch
今回の記事では、「hCaptcha for WordPress」というスパムから守ってくれるプラグインを設定していきます。
なぜスパムから守ってくれるプラグインが必要なのか?
実は毎日毎日、世界中のWebサイトにはスパムコメントがついたり、不正ログインをされてサイトの改ざんなどがされています。
『自分のWebサイトは大丈夫だろう。』と他人事に思わないでください。
僕の周りでも、急にWebサイトの乗っ取りがあったりするケースを見てきました。
対策をしていないとどんな事態になるのか?
色々あるのですが、一例だと
- スパムコメント経由でウイルスに感染してしまったり
- 不正ログインをされて、Webサイトの内容を大幅に書き換えられてしまったり
- Webサイトが見れなくなってしまったり
などなど、とても怖い事態になったりします。
なので、少しでもそんなスパムからあなたのWebサイトを守ってくれる対策をしないといけないんです。
おすすめするプラグインが「hCaptcha for WordPress」
hCaptchaを導入すると、以下のようにあなたのWordPressにログインする際や、コメントを入れる際にスパムから守ってくれる仕組みが動きます。
↓↓
![hCaptcha設定1](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/4047d7134ebafaa28c476064637b373f.webp)
今回は、このhCaptchaをあなたのWordPressサイトに導入していきましょう。
【作業】hCaptchaをWordPressに導入する手順
まずは、プラグインのインストールをしましょう。
「プラグイン」⇒「新規追加」⇒「hCaptcha for WordPress」を検索してインストールして有効化までしましょう。
↓こういうやつをインストールしてください↓
![hCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/4177d9d1b29dfc48b03526a669a43ac7.png)
↓ インストール後、WordPressの「設定」⇒「hCaptcha」をクリックしましょう。
![WordPressへhCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/a1e0541ca860435a1b429dfcd2b5fdd6.png)
↓ こんな画面が出てきます。
- hCaptcha Site Key(サイトキー)
- hCaptcha Secret Key (秘密鍵)
が必要なので、hCaptchaの公式サイトに行ってキーを発行します。
![hcaptcha1](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha1-1.webp)
hCaptcha アカウントを取得してキーを発行しよう
hCaptchaの公式サイトにいきましょう。
⇒hCaptcha公式サイトへ
↓ 公式サイトにいったら「今すぐサインアップ」をクリック。
![hCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/d10654ac0356cdf508ac690a325e1535.png)
↓ 英語表記だと左上の「Add hCaptcha for Publishers to my website or app」を選択
![hCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/22026b370bf3ded1558b5fe640e378c1.png)
↓ 日本語表記の場合は左上の「出版社向けのhCaptchaを私のウェブサイトまたはアプリに追加します」をクリック
![hCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/42e0fc410f80b26d4d37f00b695b40be.png)
↓ Eメールと国を選び、「私は人間です」をチェックし「参加する」で進みましょう。
![hCaptcha設定](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/1eedc4db910f1492a0b3a8918e5b40ad.png)
↓ 右上の「+新しいサイト」をクリックしましょう。
![hcaptcha2](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha2.webp)
↓ 続いて、新しいサイトキーを追加の部分の鉛筆マークをクリックします。
![hcaptcha3](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha3.webp)
↓ サイト名などを入力しましょう。
![hcaptcha4](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha4.webp)
↓ 一般情報のところに、hCaptchaを設置するWordPressサイトのドメインを入力しましょう。(例:example.com)
その後、「新しいドメインを追加」をクリック。
![](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha5.webp)
↓ 右上の「保存する」ボタンをクリックしましょう。
![hcaptcha6](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha6.webp)
↓ 先ほど登録したドメインの「設定」をクリックしましょう。
![hcaptcha7](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha7.webp)
↓ そうすると、Sitekeyが出てきます。これがサイトキーなのでWordPressサイトの方に貼りましょう。
![hcaptcha8](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha8.webp)
↓ 続いてSecret Key(秘密鍵)を発行します。右上のアカウント部分をクリックし、「設定」を選びましょう。
![hcaptcha9](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha9.webp)
↓ そうすると秘密鍵が出てくるので、コピー。これをWordPressサイトのSecret Key部分に貼りましょう。
![hcaptcha10](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha10.webp)
↓ これでWordPressのhCaptchaのサイトキー、秘密鍵が埋まったと思います。
![hcaptcha11](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha11.webp)
WordPressサイトでの作業に戻りましょう。
↓ 続いて、画面の下の方に行くと「Other」という設定があります。その中の『Turn off when logged in』のスイッチをオフにすることをオススメします。そして「変更を保存」しましょう。
![hcaptcha12](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha12.webp)
続いて、上部の「Integrations」をクリック。NINJA FORMSのスイッチをオンにしておきましょう。
![hcaptcha14](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/hcaptcha14.webp)
これでhCaptchaの設定は完了です!
【推奨】お問合せフォームNinja FormsにもhCaptchaをつけてスパム対策をしよう
↓ 「Ninja Forms」⇒「ダッシュボード」を選びます。
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja1.png)
↓ 前回作った「お問合せフォーム」を選びます。
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja2.png)
↓ 右下の「+」をクリック。
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja3.png)
↓ 「hCaptcha」を送信ボタンの上に入れましょう。
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja4.png)
↓ 「完了」をクリック
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja5.png)
↓ 右上の「公開」ボタンをクリック。これでOKです。
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja6.png)
↓ このようにお問合せフォームに「hCaptcha」が表示されれば設定はバッチリ!
![Ninja](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/Ninja7.png)
お疲れさまでした。今回のプラグインhCaptchaの設定は完了です!
結果を出すために、派手さはいらない
「集客」に使うことだけを徹底的に考えて作ったWordPressテーマ
![deerのロゴ(白)文字入り](https://fanfare-co-ltd.com/deer/wp-content/uploads/2021/07/6fc9dfa4a44ab47d794f3145134a7d91-2.png)
決して多機能ではありませんが、使う機能を必要最低限に限定してシンプルにしているからこそ使いやすい、初心者さんに優しいテーマです。