メニュー
【IT活用術】パソコンが速く、軽くなる ! Windows最適化ツール Microsoft PC Manager導入方法・使い方を見る

ContactForm7でreCAPTCHAのロゴを非表示にする方法

スパム対策として WordPress の ContactForm7 で reCAPTCHA V3 (リキャプチャ)を導入した際に、すべてのページの右下に固定でロゴが表示されるため、邪魔な思いをしている方も多いのではないでしょうか?
本記事では reCAPTCHA V3の機能はそのまま残して、ロゴのみを非表示にする方法を解説していきます。

目次

ロゴを非表示にする手順

ここで解説している方法は reCAPTCHA を提供しているGoogleが公認している内容、Googleの公式サイトでも手順が解説されています。
Google公式の案内ページはこちら(英語):Frequently Asked Questions

ロゴの代わりに文言を挿入する

まずはロゴを非表示にする代わりに「reCAPTCHAで守られています」ということをサイト内に明示する必要があります。

WordPressの管理画面の左側のメニュー内の【お問い合わせ】から【コンタクトフォーム】を選択します。


対象のコンタクトフォームの【編集】をクリックしてフォームの編集画面を開きます。

フォームの入力欄を設定する画面が開くので、下記のHTMLをコピーして、【送信】ボタンの下部に貼り付けて【保存】ボタンをクリックします。

英語の場合

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.

日本語の場合

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

CSSでロゴを非表示にする

WordPress管理画面の左側メニュー内の【外観】から【カスタマイズ】をクリックします。

画面の左側のメニュー内から【追加CSS】を選択し、以下のCSSをコピーして貼り付けます。

.grecaptcha-badge { visibility: hidden; }

CSSの貼り付けが完了したら、右上の公開ボタンをクリックします。

以上でロゴを非表示することができました。Webページを表示して確認してみましょう。

追加CSS欄に記載した内容は、テーマに依存するため、テーマを変更した際は設定したCSSは適用されないため注意が必要です。

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
目次