HTML&CSS WEBデザイン WORDPRESS

goolge reCAPTCHAのマークをお問い合わせフォームのみに表示させる方法【contact form7】

お問い合わせフォームを設置したら大量の迷惑メールが届くことがあるため、Contact Form 7と認証システム reCAPTCHAを導入している方が多いと思います。

reCAPTCHAはデフォルトは全てのページに表示されている為、重かったり、見栄えが気になるといった問題があります。
そういう時にはお問い合わせフォームのみに設置する事が出来ます。

お問い合わせフォームのみにreCAPTCHAを対応させる

functions.phpに下記コードをコピーペーストで記載したら出来上がりです。

function load_recaptcha_js() {
 if ( ! is_page( 'contact' ) ) {
  wp_deregister_script( 'google-recaptcha' );
 }
}
add_action( 'wp_enqueue_scripts', 'load_recaptcha_js',100 );

reCAPTCHAのマークの位置を変更する場合はこちら

.grecaptcha-badge {
    z-index: 1;
    left: 15px!important;
  bottom:50px;!important;
}

-HTML&CSS, WEBデザイン, WORDPRESS