潤いをお届けします
wordpress

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

なんの話?

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

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

はじめに付き始めてからずいぶん経つので対処済みの人が多いかもしれませんが、一応書いておきます。「reCAPTCHA」と呼ばれるボット判別機がバージョンアップをしたせいで、WordPressに「コンタクトフォーム(Contact Form 7)」のプラグインをつけているとバージョン上げて!というマークが出ます。これの対応についてです。※ブログ持ちにしか関係ないです。ごめんなさい reCAPTCHAとはなんか入力欄があると「私はロボットではありません」ってやつがあるでしょう。あれです。スクリプトを組んで迷惑コメントを投稿し続けるよう…
お問い合わせに①がついていたら/reCAPTCHAのバージョンアップ – さんぺい

 

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

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

 

 

 

 

か、かぶってる・・・

 

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

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

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

 

対処

簡単です。

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

 

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

 

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

 

 

 

 

 

 

私のとこはこのぐらいがちょうどいいので65で設定しましたが、もうちょっと上に持っていきたいときは数を増やしてみてください(70とか)

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

Enjoy!

WordPressのおともに最高な書籍たち

WordPress使ってるなら持っておきたい書籍たち