【Google公認】reCAPTCHA v3のバッジ（ロゴ）をコピペで簡単に非表示
WordPressのContact Form 7に対応しているreCAPTCHAがv3になってから、バッジ（ロゴ）が邪魔な場所に表示されてしまうようになりました。 これはContact Form 7の問題ではなく、Googleが出力しています。 Googleにしてみれば謙虚に右下を選んだのかもしれませんが、右下は多くのサイトで「トップに戻る」アイコンが表示される大事な場所です。 （もっともGoogleがそれを知らないはずもないので、注目させたかったのでしょうか。） スタイルシートのposition: absolute; をJavaScriptで追加すれば好きな位置に移動できますが、親要素を変えられないのであまり実用的ではありません。 JavaScriptでgrecaptcha-badgeクラスをappendChildしてみたりしましたが、トークンの発行がうまくいかなくなったり不安定でしたので断念しました。 ネットで検索すると、海外でも多くの議論がされていました。 display: hidden; で非表示にしてしまうとスパム防止が効かなくなるそうです。 reCAPTCHA v3のバッジをGoogle公認の方法で非表示にする よく探せばGoogleのFAQにありました。 以下の表示をすればバッジを非表示にしても構わない 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. コンタクトフォームを表示させるページごとに入れるのも面倒ですし、のちのち別のページにフォームを追加することになった時にはきっと忘れてしまっているので、コンタクトフォームの送信ボタン下に1行で書き込みました。 <p class=”recaptcha_policy”>This site is protected by reCAPTCHA and the Google<a href=”https://policie […]
highlight.jsに「強調表示」を追加する拡張CSS
オンライン学習を早期実現しなければコロナ世代の学力低下は不可避
自社・自宅サーバーをVPSに移行するための有力候補3サービス
WordPressのTheme（テーマ）選びは大切
FreeBSDのディスク容量を拡張する（ConoHa VPS）
無観客で行われる小学校の運動会を複数カメラでライブ配信したい
Apache 2.4でバーチャルホストを実際に運用する際の参考記事
フレッツ光を使っている人はウイルス対策ソフトを買う前に確認
東芝dynabookはWindowsのクリーンインストールに対応していない
Windows10でFAXを送信
小中学校「1人1台タブレット」いよいよ導入【豊後高田市】
最近トレンドなフィッシングメールをピックアップ
