スパム対策として 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は適用されないため注意が必要です。