プラグイン設定の続きです。昨日設定できなかったInvisible reCaptchaの代わりに、reCaptcha by BestWebSoft を設定しました。今日の作業時間は2時間です。
- reCaptcha by BestWebSoftの設定
- お問い合わせフォームの作成
reCaptcha by BestWebSoftの設定とお問い合わせフォームの作成で参考にしたサイトはこちらです。
【ブログ初心者でも楽勝】お問い合わせフォームの作り方とスパム対策
reCaptcha by BestWebSoftでスパム対策【1回でできる】
プラグイン設定の続き
reCaptcha by BestWebSoft の設定
昨日設定できなかったInvisible reCaptchaの代わりに、reCaptcha by BestWebSoftを設定します。
WordPress管理画面 → プラグイン → 新規追加 をクリックする。
![WordPress管理画面→プラグイン→新規追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginnew-2.jpg)
画面右上で reCaptcha by BestWebsoft を検索する。
![画面右上で reCaptcha by BestWebsoft を検索](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb1.jpg)
「今すぐインストール」→「有効化」をクリックする。
![「今すぐインストール」→「有効化」をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb2.jpg)
画面左の reCaptcha をクリックする。reCaptcha Version3 にチェックを入れる。
![画面左の reCaptcha をクリックする。reCaptcha Version3 にチェックを入れる](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb3-1-1.jpg)
サイトキーとシークレットキーをコピーするため、Google reCaptcha のページを開く。
v3 Admin Console をクリックする。
![v3 Admin Console をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/recatcha2-1.jpg)
開いた画面で 設定 をクリックする。
![設定 をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/recatchakey1-1.jpg)
reCaptchaのキー を開く。
![reCaptchaのキー](https://fragrantorange.com/wp-content/uploads/2023/03/recatchakey2.jpg)
サイトキーとシークレットキーを一つずつコピーし、WordPress管理画面に戻ってペーストする。
![サイトキーとシークレットキーを一つずつコピー](https://fragrantorange.com/wp-content/uploads/2023/03/recatchakey3.jpg)
![WordPress管理画面に戻ってペースト](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb3-2-1.jpg)
下にスクロールし「Enable reCaptcha for 」で4つすべてにチェックを入れる。
![「Enable reCaptcha for 」で4つすべてにチェック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb4.jpg)
画面を下にスクロールし、「Hide reCaptcha Badge」にチェックを入れる。
※チェックを入れれば「reCaptchaロゴ」を非表示にできます。
![チェックを入れれば「reCaptchaロゴ」を非表示に](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb5.jpg)
画面を下にスクロールし、「Save Change」をクリックする。
![画面を下にスクロールし、「Save Change」をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginrecabestweb6.jpg)
設定中困ったこと
![](https://fragrantorange.com/wp-content/themes/cocoon-master/images/woman.png)
Google reCaptchaのサイトキーとシークレットキーの場所を探しました。
Google reCaptcha を開いて、v3 Admin Console をクリック、設定 にありました。
お問い合わせフォームの作成
WordPress管理画面 → プラグイン → 新規追加 をクリックする。
![WordPress管理画面 → プラグイン → 新規追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-pluginnew-3.jpg)
画面右上で Contact Form 7 を検索する。
![画面右上で Contact Form 7 を検索](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform1-1.jpg)
「今すぐインストール」をクリックし、「有効化」を押す。
![「今すぐインストール」をクリックし、「有効化」](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform1-2.jpg)
WordPress管理画面 → お問い合わせ → 新規追加 をクリックする。
![WordPress管理画面 → お問い合わせ → 新規追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform2.jpg)
コンタクトフォームを追加 に「お問い合わせフォーム」を入力する。
![コンタクトフォームを追加 に「お問い合わせフォーム」を入力](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform3.jpg)
画面右の 保存 をクリックする。
![画面右の 保存 をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform5.jpg)
お問い合わせフォームを固定ページに反映させる。
WordPress管理画面 → お問い合わせ → コンタクトフォーム をクリックする。
![WordPress管理画面 → お問い合わせ → コンタクトフォーム](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform6.jpg)
お問い合わせフォームのショートコードをコピーする。
![お問い合わせフォームのショートコードをコピー](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform7.jpg)
WordPress管理画面 → 固定ページ → 新規追加 をクリックする。
![WordPress管理画面 → 固定ページ → 新規追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform8.jpg)
開いた画面のタイトルに お問い合わせフォーム を入力し、+マークをクリックする。
![お問い合わせフォーム を入力し、+マークをクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform9.jpg)
開いた検索窓に ショートコード と入力。
![ショートコード と入力](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform10.jpg)
さっきコピーしたショートコードをペーストし、画面右上の「公開」をクリックする。
![ショートコードをペーストし、画面右上の「公開」をクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform11.jpg)
WordPress管理画面 → reCaptha → Setting をクリックする。
![WordPress管理画面 → reCaptha → Setting](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform12.jpg)
画面右の reCaptcha ショートコードをコピーする。
![reCaptcha ショートコードをコピー](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform13.jpg)
WordPress管理画面 → 固定ページ → 固定ページ一覧 で お問い合わせフォーム をクリックする。
![WordPress管理画面 → 固定ページ → 固定ページ一覧](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform14.jpg)
+マークを押して、もう一つショートコードを作成する。
![+マークを押して、もう一つショートコードを作成](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform15-1.jpg)
reCaptchaショートコードを貼り付けたら 更新 を押す。
![ショートコードを貼り付けたら 更新 を押す](https://fragrantorange.com/wp-content/uploads/2023/03/wordpress-plugincontactform16.jpg)
2日目のまとめ
WordPress管理画面 や Google reCaptcha の画面切り替えが多かったです。
作業中、何をしているのかよく分からなくなってきました。
今日の作業時間は2時間です。
明日もプラグイン設定の続きをします。設定したいプラグインは残り3つです。
コメント