只在wordpress插件contact form 7调用页面插入js和css

Contact Form 7是款简单易用的wordpress联系表单插件,大部分wp站长用通过该插件实现收集访客反馈的信息。CF7插件启用后,会在网站的所有页面调用该插件的js文件和css文件,对于没有调用cf7插件的页面是没有必要调用该js和css的,不仅没有任何作用,还会影响网页的加载速度,通过下面的代码可以实现只在contact form 7表单的调用页面导入js和css调用代码。

在当前主题的functions.php文件添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
add_action ( 'wp_enqueue_scripts', 'wpjam_cf7_enqueue_scripts', 99 );
function wpjam_cf7_enqueue_scripts(){    
    wp_dequeue_script('contact-form-7');
    if(is_page('contact')){
        $in_footer = true;
        if ( 'header' === WPCF7_LOAD_JS )
            $in_footer = false;
        wp_enqueue_script( 'contact-form-7',
            wpcf7_plugin_url( 'includes/js/scripts.js' ),
            array( 'jquery', 'jquery-form' ), WPCF7_VERSION, $in_footer );
    }
}
add_action( 'wp_enqueue_scripts', 'wpjam_cf7_enqueue_styles', 99 );
function wpjam_cf7_enqueue_styles() {
    wp_dequeue_style('contact-form-7');
    if(is_page('contact')){
        wp_enqueue_style( 'contact-form-7',
            wpcf7_plugin_url( 'includes/css/styles.css' ),
            array(), WPCF7_VERSION, 'all' );
    }
}

上面的代码表示只在别名为contact的页面插入js和css,contact页面外的所有网页都不导入。博主可以根据自己的需要修改别名。

网友留言:

  1. 2016-04-21回复

    问一下这个表单插件的css在哪里改,或者在哪里设置

    • 博主板凳
      2016-04-21回复

      该插件文件的includes/css/style.css

发表留言