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

2014-6-11 WordPress教程 3922

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

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

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' );
    }
}