reCAPTCHAのバッジをお問い合わせページのみ&左側に設置する方法

  • URLをコピーしました!

お問い合わせページにのみ表示:functions.php

// お問い合わせページを除き、reCAPTCHAを読み込ませない
 
function load_recaptcha_js() {
 if ( ! is_page( 'contact' ) ) {
  wp_deregister_script( 'google-recaptcha' );
 }
}
add_action( 'wp_enqueue_scripts', 'load_recaptcha_js',100 );

スラッグ名の’contact’は適宜ご自身のものに変更してください

バッジを左に表示:CSS


/* reCAPTCHAバッジを左下に配置 */

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

コメント

もっと良い方法や良いプラグインがあれば教えてください!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次