WordPress初心者の方も、愛用者の方も、
楽しく学べるフォローサイト!

WP-Master.club ヘッダーロゴ

reCAPTCHAへのCSSの当て方 最適解かも

画面右下に表示されるreCAPTCHAのバッジですが、全部のページに表示されるとちょっと煩わしい面もあります。

今回は、我流ではありますが、reCAPTCHA(V3)のバッジに対するCSSの当て方をご紹介します。

 

header.phpへの記述

フォームが設置してあるページのスラッグが「contact」だった場合、それ以外のページのバッジを隠すCSSです。

 

フォームの近接への記述

reCAPTCHAのバッジを隠すには、下記のような記述をする必要があります。

 

style.cssへの記述

このCSSは一例ですので、適宜デザインに合わせていただけると良いかと思います。

こんな感じの表記になります。

以上です。ご活用ください。