ネットのこととか

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

なんの話?

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

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

 

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

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

 

 

 

 

か、かぶってる・・・

 

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

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

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

 

対処

簡単です。

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

 

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

 

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

 

 

 

 

 

 

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

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

Enjoy!

ABOUT ME
sampei
新しもの好きな40代おっさんです・・