【WordPress】reCAPTCHAのロゴ(バッジ)の非表示方法を公式のやり方で解説こじろーブログ。【WordPress】reCAPTCHAのロゴ(バッジ)の非表示方法を公式のやり方で解説ブログ2023.09.07この記事は約7分で読めます。当ブログはアフィリエイト広告を利用しています[PR]ブロガーのこじろーです。ブログ未経験者にも分かりやすく、WordPressの使い方やアフィリエイトのノウハウを解説しています。「reCAPTCHAで保護されています」のアイコンを消すことはできますか?初男お問い合わせフォームのスパム対策にreCAPTCHAを導入していますがページが見にくくなって邪魔です。お問い合わせフォームのスパム対策用にreCAPTCHAを導入しているwordpressサイトは多いです。reCAPTCHAは、Googleが推奨するスパム対策ツールで非常に人気はあるのですが、画面右下のロゴが邪魔だという声をよく耳にします。ロゴを非表示にする方法を、Googleが推奨するやり方で解説していきたいと思います。こんな人におすすめの記事ですreCAPTCHAのロゴを非表示にしたい人reCAPTCHAを導入した人、導入予定の人wordpressブログ初心者お問い合わせフォームの設定がまだの人やreCAPTCHAの導入を検討をしている人はこちらの記事に設置方法をまとめていますので参考にしてください。【WordPress】問い合わせフォームの設置方法を初心者向けに画像付で解説│スパム対策アリkojirosblog.comすぐに非表示にしたい人はこちら✔この記事の信用性この記事を書いている人この記事を読み終えたら、ブログがスッキリして読みやすさがアップします。手順2:【CSS設定】reCAPTCHAのロゴを非表示まとめ:【WordPress】reCAPTCHAのロゴの非表示方法を公式のやり方で解説reCAPTCHAのロゴを非表示にする方法GoogleのreCAPTCHA公式サイトにreCAPTCHAのロゴを非表示にする方法が記載されています。バッジを非表示にします。すればよいですか?ユーザーフローに見える形でreCAPTCHAのブランドを含めていれば、バッジを非表示にできます。次のテキストを含めてください。参照元:https://developers.google.com/recaptcha/docs/faq?hl=ja公式サイトには、上の内容とHTMLコードが記載されています。HTMLの内容を直訳すると次の通りです。『このサイトはreCAPTCHAによって保護されておりプライバシーポリシーと利用規約が適用されます』さらにその下には、ロゴを非表示にするCSSも記載されています。参照元:https://developers.google.com/recaptcha/docs/faq?hl=jaつまり、Googleは、お問い合わせフォーム内に、Googleが指定する文言(HTML)を埋め込めば、reCAPTCHAのロゴを非表示にしても問題が無いことを明言していることが分かります。reCAPTCHAのマークの公式名称はアイコンやロゴでは無くバッジですが、本記事ではロゴで統一しますreCAPTCHAのロゴを非表示にする作業は4つだけです。7に貼り付けるSTEP3CSSをコピーSTEP4WordPressのCSSエリアにコードを貼り付けるこじろーコピペを2回するだけなので実質、2つの作業だけです。初子たったこれだけの作業でreCAPTCHAのロゴを非表示にできるのですね。Googleが推奨する公式のreCAPTCHAの非表示の方法を解説していきます。手順1:【HTML設定】reCAPTCHAロゴを非表示にするための文面準備reCAPTCHAロゴの代わり表示させる文面(HTML)の用意をしましょう。GoogleのreのCAPTCHA公式サイトに移動し、下へスクロールします。上の画像の項目で、HTMLをコピーします。右上の四角部分をクリックしたら簡単にコピーできます。下記のHTMLをコピーしても結構です。apply.日本語で表示をしたい方は下記のHTMLをコピーしてご使用ください。href="https://policies.google.com/terms">利用規約</a>が適用されます。</p>HTMLコードをコピーしたら、[Contactform7](お問い合わせ)の設定ページに移動します。お問い合わせ⇒コンタクトフォームコンタクトフォームの一覧ページです。お問い合わせ(※)の[編集]をクリックし、フォームの編集画面に移動します。※この名前はそれぞれで異なるので非表示にしたいコンタクトフォームを選択してください。上部(青枠)がフォームの内容です。その下に先程コピーしたHTMLを貼り付けます。保存を押して終了です。プレビュー画面で[送信]ボタンの下にHTMLの内容が表示されているか確認をしてください。HTML部分の文言が表示されていればOKです。右側のreCAPTCHAのロゴは表示された状態なので、次はロゴを非表示をします。画面右下に表示されているロゴの非表示方法を解説します。GoogleのreCAPTCHA公式サイトに移動し、サイト下部に記載されているCSSをコピーします。右上の四角を押してコピーできます。}上のCSSコードをコピーしても構いません。続いて、WordPressの管理画面に行きます。CSS]をクリックします。コピーしたCSSを貼り付けて[公開]をクリックします。終了***********************/上のCSSコードをコピペしてもOKです。ちなみにこちらのCSSは、コードの始まりと終わり部分が分かるようにしています。プレビューを見てロゴが非表示になって入れば終了です。CSSを削除すれば再表示できます。v3のロゴの非表示方法をGoogleの公式のやり方で解説をさせていただきました。本記事はWordPressテーマ利用者でプラグイン[Contactform7]を使ってお問い合わせフォームを設置してreCAPTCHAでスパム対策している人に向けて解説をしました。追加CSSに貼り付けreCAPTCHAのロゴの非表示の方法は、初心者にも簡単なので、少しでもreCAPTCHAのロゴが煩わしいと感じた人は試してみてください。最後までお読みいただきありがとうございました。コピーこじろーブログ。Cache]の設定方法から不具合の改善方法についてまとめた内容の記事です。ブログ【Cocoonカスタマイズ】ブログの記事内の画像に枠線を付ける方法|WordPressCocoon製ブログの記事の中で使用している画像に枠線を付ける方法を簡単に解説しています。ブログ【2023年】WordPressのURLをhttpからhttps化(常時SSL化)にする方法まとめ│Xserver対象WordPressブログのURLをhttpからhttpsに変えて常時SSL化にする方法をまとめています。Xserver利用者向けの内容です。い方を初心者向けに解説しています。Insightsのモバイル版の『遅い』対策Cocoon製ブログのページ表示速度を高速化するおすすめの設定方法をまとめています。Insightsのモバイル版のスコアが遅い(低い)場合の対策です。Anti-Spam]について詳しくまとめた内容の記事です。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。副業ブロガー歴4年目の奈良県在住50代男。トレンドブログで人生開花。ブログ、SNSに関する講演は10回以上経験。Google1当サイトへのリンクについてこじろーブログ。完全リンクフリーです。・リンクを掲載する場合の許可や連絡は一切必要ありません・リンクの設定をされる際は、当サイト(こじろーブログ。)へのリンクである旨を明示ください・引用についても、出典元の明記とリンクを設置していただければ大丈夫です当サイトへのリンクについてこじろーブログ。完全リンクフリーです。・リンクを掲載する場合の許可や連絡は一切必要ありません・リンクの設定をされる際は、当サイト(こじろーブログ。)へのリンクである旨を明示ください・引用についても、出典元の明記とリンクを設置していただければ大丈夫ですこじろーブログ。defined.")}))})()タイトルとURLをコピーしました。