スパム対策で『reCAPTCHA』を設定すると、画面右下にマークが表示されますよね。
「上へ戻る」などのボタンと被ってしまうので、非表示にすることができます。
お問い合わせフォームを作成するプラグイン『contact form7』を使用した方法をご紹介します。
『reCAPTCHA』マークを消す方法
![『reCAPTCHA』マークを消す方法](https://ayumi-bmethod.com/wp-content/uploads/2022/04/3d165b4f78908140846d3c15b2fe97c3.jpg)
画面右下の表示される『reCAPTCHA』マーク。
![『reCAPTCHA』マークを消す方法](https://ayumi-bmethod.com/wp-content/uploads/2022/04/cb7d14a67a23f0e31a5d2acdea3dd96c.jpg)
ボタンと重なってしまって、ちょっとボタンが押しづらいですよね。
これを非表示にする手順がこちらです。
- 「contact form7」にhtmlのコードを貼る
- 追加CSSにコードを貼り付ける
順番に解説しますね。
①contact form7にhtmlのコードを貼る
お問合せフォームを作成するプラグインの「contact form7」に、htmlのコードを貼り付けます。
まずは、Googleの公式ページへアクセスしてhtmlのコードをコピーしましょう。
Googleの公式サイトへアクセスをしたら
I’d like to hide the reCAPTCHA badge. What is allowed?
と書かれたところまで、画面をスクロールします。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/98f50fa082785737aeb2cd49706e8ac3.jpg)
「This sute is〜」で始まる、htmlコードをコピーしてください。
続いて、ワードプレスの「お問い合せ」を開きます。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/2f5fdf40a0d9b44ecbd2dde5ce1bfea7.jpg)
お問い合わせフォームの1番下に、コピーしたhtmlコードを貼り付けます。
貼り付けができたら「保存」ボタンを押してください。
②追加CSSにコードを貼り付ける
もう一度、先ほどのGoogle公式ページに戻り「ロゴマークを非表示にするコード」をコピーします。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/ba1690f34ae585ceaca39475b319c294.jpg)
コピーをしたら、ワードプレスの「外観」→「カスタマイズ」→「追加CSS」の順に開きます。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/96e905e2069c44fe9065d36432d4adcc.jpg)
(ワードプレステーマJINで解説しています。他のテーマの方は「CSSの追加方法」などで検索してくださいね)
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/5a979500539f8751e6991348362e0353.jpg)
「追加CSS」を開いて、先ほどコピーしたコードを貼り付けます。
既に別のコードが記載してある場合は、1行空けて貼り付けてください。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/63c148aeba4caee26639f0f27ee0678d.jpg)
最後に「公開」(保存)ボタンをクリックして完了です。
reCAPTCHAのロゴマークが消えているかチェック
reCAPTCHAのロゴマークが消えているか、確認してみましょう。
消えていない場合は、更新ボタンを押してから再度確認してみてください。
それでも消えていない場合は、コードの貼り付け方が間違っている可能性があります。
また、お問い合わせフォームも確認してみましょう。
![reCAPTCHAマークを消す方法,非表示](https://ayumi-bmethod.com/wp-content/uploads/2022/04/27bf7517f2c11560943e4973d466c289.jpg)
先ほど貼り付けた、文言が表示されてリンクが正しく設定されているかも確認してみてくださいね。