このページでは、ワードプレスにお問い合わせフォームが設置できる Contact Form 7 プラグインで、特定のページ以外、スパムボットによる不正なフォーム送信を防ぐために用いられる Google reCAPTCHA 含め、Contact Form 7 プラグインが使用する CSS/JS を一切読み込まないようにする方法を解説しています。

目次

• どのページでも表示される Google reCAPTCHA のバッジ
• サンプルコード
  • コードのポイント
• 参考リンク

どのページでも表示される Google reCAPTCHA のバッジ

下の動画のように、ウェブサイトの右下あたりに Google reCAPTCHA のバッジが表示されているのをよく見かけます。

この Google reCAPTCHA、「お問い合わせフォームを設置していないページまで表示されるの、なんとかならない？」なんて思ったことはありませんか。

仮に思ったことがなかったとしても、私個人的にはウェブ制作などのお仕事でよく求められるカスタマイズで、せっかくなので以下のようにまとめました。

似たようなことをしたい場合は参考ください。

サンプルコード

いきなりですがサンプルコードです。

// 特定のページ以外 Contact Form 7 の reCAPTCHA と CSS/JSを読み込まない
if( ! function_exists( 'nishiki_pro_custom_contact_form_7' ) ){
    function nishiki_pro_custom_contact_form_7() {
        // reCAPTCHA や  Contact Form 7 を読み込むページのスラッグを入れる
        $exclude_page = array(
            'contact',
            'about',
        );

        // 特定のページ以外で読み込まないよう条件分岐する
        if ( ! is_page( $exclude_page ) ) {
            wp_deregister_style( 'contact-form-7' ); // CSS を読み込まない
            wp_deregister_script( 'contact-form-7' ); // JS を読み込まない
            wp_deregister_script( 'google-recaptcha' ); // Google reCAPTCHA を読み込まない
        }
        
    }
    
    // フックする
    add_action( 'wp_enqueue_scripts', 'nishiki_pro_custom_contact_form_7', 100 );
}

コードのポイント

「条件をつけて Contact Form 7 に関する読み込みをしない」というコードです。

たぶん難しく感じる箇所は wp_deregister_style と wp_deregister_script の 2 つの関数の使い方でしょうかね。この 2 つの関数にはそれぞれハンドル名を設定するのですが「Contact Form 7 では何のハンドル名を設定していいのかわからない」という方は多そうな印象です。

さらに wp_enqueue_scripts を使ってフックするんですが、フックを使うことに慣れてない方にとっては難易度的には高いかもしれませんね。コードの量は少ないけど、やってることはなかなか応用が必要、って感じです。

また、ネットの情報では Google reCAPTCHA のみオフにしているコードも見られましたが、Google reCAPTCHA を読み込まないページは、おそらく Contact Form 7 そのものを使用しないページだと思います。

パフォーマンスの観点から考えても、使用しない機能の CSS/JS を読み込む必要はないので、Contact Form 7 に関する CSS/JS を全て読み込まないようにしています。

あとは条件分岐の関数 is_page を使って、配列 $exclude_page で指定したスラッグ（上のコードでは contact と about）のページ以外は読み込まなくしています。

is_page に配列を指定すれば、複数のページにお問い合わせフォームが設置してあった場合でも対応できるので便利ですね。

ちなみにですが、この is_page の部分を別の条件に変更してもいいと思います。お好みで、という感じですね。

参考リンク

• is_page
• wp_deregister_style
• wp_deregister_script
• wp_enqueue_scripts