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' );
}
}
上面的代码表示只在别名为 contact 的页面插入 js 和 css,contact 页面外的所有网页都不导入。博主可以根据自己的需要修改别名。
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!