【コピペでOK！】Google reCAPTCHAのロゴ表示を消す方法

そのお悩みを解決いたします。

今回は、WordPressのスパム対策『Google reCAPTCHA』のbadge（バッジ・ロゴ）を消す手順を解説しています。

『Google reCAPTCHA』公式サイト【FAQ】に明記されているので、安心して実施できる公認の方法です。

Google reCAPTCHAの機能って？

ログインフォームやお問い合わせフォームなど、悪質なbot等による不正アクセスからWebサイトを守ります。

この記事の信頼性

システムエンジニアが実際に試した(体験した)内容を記述し、重要な部分を含めて解説しています。

reCAPTCHAのロゴ表示を消す方法

注意点

reCAPTCHAのロゴを非表示にした場合は、指定のテキストを明記しなければならないようです。

CSSコードを記述

❶ ワードプレスの【カスタマイズ】をクリックします。
（または【外観】→【カスタマイズ】をクリック）

❷ 【追加CSS】をクリックします。

『追加CSS』の入力エリアが表示されます。

❸ 『追加CSS』に下記のCSSコードを「コピペ」し、【公開】をクリックします。

/*reCAPTCHA バッジを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

Google reCAPTCHA公式サイト【FAQ】より

Google指定のHTMLコードを記述

【英語バージョン】

【HTMLコード】

<!-　reCAPTCHAブランドのテキスト表示　->
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.

❶ 表示させたいページのテキストタブに、上記「HTMLコード」をコピペします。

❷ プレビューで確認し、良ければ【更新】または【公開】をクリックします。

【日本語バージョン】

【HTMLコード】

<!-　reCAPTCHAブランドのテキスト表示　->
<p>このサイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy">プライバシーポリシー</a>と<a href="https://policies.google.com/terms">利用規約</a>が適用されます。</p>

❶ 表示させたいページのテキストタブに、上記「HTMLコード」をコピペします。

ブロックエディタでは「カスタムHTML」で書き込みます。

❷ プレビューで確認し、良ければ【更新】または【公開】をクリックします。

まとめ

　Google reCAPTCHAのロゴ表示を消す手順

1. CSSコードをコピペする
2. HTMLコードをコピペする
   【例】
   ・お問い合わせページ
   ・エントリーページ