NO IMAGE

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

悩む人のイラスト
「Google reCAPTCHA」のロゴが邪魔!
消したいなぁ。
どうしたらいいの?

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

たけちん
こんにちは。
たけちんです。

今回は、ワードプレスのセキュリティー対策です。

WordPressのスパム対策『Google reCAPTCHA』のbadge(バッジ・ロゴ)を消す手順を解説しています。

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

★よくあるご質問【FAQ】★

【Q.】『Google reCAPTCHA』のロゴって非表示にしてもいいの?

 実施する内容はこれだけ

  1. 非表示にするCSSコードをコピペ
  2. 入力フォームのページにGoogle指定のテキスト(HTMLコード)をコピペ
    【例】
    ・お問い合わせページ
    ・エントリーページ

Google reCAPTCHAの機能

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

『Google reCAPTCHA』の「サイトキー」と「シークレットキー」を発行する手順はコチラ!

この記事の信頼性

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

当サイトの運営環境

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

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

※:明記場所はコチラ
『Google reCAPTCHA公式サイト【FAQ】』

よって、手順は下記のようになります。

手順

  1. CSSコードを記述
  2. Google指定のHTMLコードを記述

①:CSSコードを記述

たけちん
reCAPTCHAのロゴを非表示にする為の【CSSコード】を記述します。

❶ ワードプレスの【カスタマイズ】をクリックします。

(または【外観】→【カスタマイズ】をクリック)

reCAPTCHAのバッジの位置をカスタマイズする手順01
【タップ・クリックで画像拡大】

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

reCAPTCHAのバッジの位置をカスタマイズする手順02

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

reCAPTCHAのバッジの位置をカスタマイズする手順03

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

【CSSコード】

ここを「タップorクリック」でコードを表示
Copy
/*reCAPTCHA バッジを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

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

②:Google指定のHTMLコードを記述

たけちん
「reCAPTCHAのロゴを全ページから消した時の規則」の為、Googleご指定のHTMLコードを記述します。
ここでは「お問い合わせページ」に記述します。

【英語バージョン】

【HTMLコード】

ここを「タップorクリック」でコードを表示
Copy
<!- 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.

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

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

Google reCAPTCHAのロゴ表示を消す方法
【タップ・クリックで画像拡大】

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

Google reCAPTCHAのロゴ表示を消す方法
【プレビュー画面】

【日本語バージョン】

【HTMLコード】

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

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

Google reCAPTCHAのロゴ表示を消す方法
【タップ・クリックで画像拡大】

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

Google reCAPTCHAのロゴ表示を消す方法
【プレビュー画面】

【THE THOR バージョン】

たけちん
WordPressテーマの『THE THOR(ザ・トール)』をご利用の方は、鍵アイコンを表示させるとカッコいいです!
(*≧∀≦*)

【HTMLコード】(鍵アイコンを表示)

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

❶ 表示させたいページに、上記「HTMLコード」をコピペします。

Google reCAPTCHAのロゴ表示を消す方法
【タップ・クリックで画像拡大】

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

Google reCAPTCHAのロゴ表示を消す方法
【プレビュー画面】

まとめ

たけちん
Google reCAPTCHAのロゴ表示を消す手順をまとめましょう。

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

  1. ロゴを非表示にするCSSコードをコピペする
  2. 入力フォームのページにGoogle指定のテキスト(HTMLコード)をコピペする
    【例】
    ・お問い合わせページ
    ・エントリーページ

関連記事

  「Google reCAPTCHA」のロゴが邪魔! お問い合わせページだけに表示したいなぁ。 どうやって設定すればいいの?   そのお悩みを解決します。    […]

IMG
関連記事

「Google reCAPTCHA」のロゴが邪魔! 上にずらしたいなぁ。 どうしたらいいの?  そのお悩みを解決いたします。 たけちん こんにちは。 今回は、ワードプレスのセキ[…]

IMG

たけちん
★無料サポート引き受けます★

【★ブログを始める前も始めた後も、無料サポート致します!★】

  • 分からないこと
  • 不安なこと
  • 心配なこと
  • 頼みたいこと

    などなど。

★まずは、お気軽にお問い合わせください!★

お問い合わせの詳細はコチラから!

【無料サポートを引き受ける理由はコチラ】

NO IMAGE
最新情報をチェックしよう!
>大切なデータが突然消えた...( ̄O ̄;)

大切なデータが突然消えた...( ̄O ̄;)

えっ...
二週間かけて作ったデータが消えた...
何が起こったのか理解出来ず、しばし呆然。
私の時間を返してくれ!
【時を巻き戻す術はなし】

そういう経験をした方は少なくないはず。

さぁ、ownCloudでデータを二重化しときましょう!
実際に0円で導入し、運用しています。
→ 無料お問い合わせはコチラから

TKCオフィス仙台は「ホームページ制作、運営」その他をサポートします。
→ Webサイト・ブログ開設の無料相談はコチラから

CTR IMG