wordpressサイトでお問い合わせを作成するときに多くの方が使用していると思われる「Contact Form 7」プラグインですが、結構多くのcssとjsファイルを読み込んでいます。

プラグインを導入すると「Contact Form 7」関連のcssとjsファイルが全ページに読み込まれてしまいます。

読み込み速度を少しでも速くしたい昨今で、必要ないcssやjsファイルを読み込むのは良いことではないです。

そこで「Contact Form 7」関連のcssとjsファイルを特定ページでのみ読み込む方法を紹介します。

以下の記述をfunctions.phpに追記すると、page-contact.phpの固定ページテンプレートのときのみ「Contact Form 7」関連のcssとjsファイルを読み込みます。

コードをクリップボードにコピー
<?php
// Contact Form 7 のファイルの読み込みを無効化
add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

function load_wpcf7() {
  // 読み込みたいページの条件を入れる
  if( is_page_template('page-contact.php')):
    wpcf7_enqueue_scripts();
    wpcf7_enqueue_styles();
  endif;
}

add_action('wp_enqueue_scripts', 'load_wpcf7');
?>

他にも is_page などの条件分岐タグを使えば、特定ページでのみ読み込むことができるようになります。