【WORDPRESS】reCaptchaをV3にしたらロゴがかぶってしまった時のかんたん対処方法

なんの話？

WordPressでreCaptchaを使ってる人はバージョンを３にあげたと思います。

※もしまだなら↓をどうぞ

お問い合わせに①がついていたら／reCAPTCHAのバージョンアップ

https://3pei.info/internet/recaptcha-versionup

はじめに付き始めてからずいぶん経つので対処済みの人が多いかもしれませんが、一応書いておきます。「reCAPTCHA」と呼ばれるボット判別機がバージョンアップをしたせいで、WordPressに「コンタクトフォーム（Contact Form 7）」のプラグインをつけているとバージョ…

さんぺい

で、V3にすると「このサイトはreCaptcha使ってるよ」という意味を含んだ画像が勝手に挿入されます。

その画像、サイト右下に自動挿入されるんですが、こんな感じで入ります

か、かぶってる・・・

使っているテーマによっては上に一気に戻してくれる移動リンクが出ると思います。それが大体右下にあるのが一般的で、結果recaptchaとすっかりかぶってしまうんです。

私はJINを使ってますので（ドヤ顔許して）、もれなくかぶります。

これは気になりますよね（えっ、ならない？　気になるふりしてくださいおねがいします）

対処

簡単です。

「外観」→「CSS編集」→「追加CSS」を開いて下記3行を追加するだけ。

.grecaptcha-badge{
margin-bottom: 65px;
}

これによりテーマのボタンはそのままで、recaptchaのマークだけが移動してくれます。

私のとこはこのぐらいがちょうどいいので６５で設定しましたが、もうちょっと上に持っていきたいときは数を増やしてみてください（７０とか）

この値は画面下からの距離を指定するものなので、増やせば上にあがります

Enjoy!