只在wordpress插件contact form 7调用页面插入js和css
作者：xlnxin发布时间：2021-04-15分类：WordPress教程浏览：440
导读：ContactForm7是款简单易用的wordpress联系表单插件，大部分wp站长用通过该插件实现收集访客反馈的信息。CF7插件启用后，会在网站的所有页面调用该插件...
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页面外的所有网页都不导入。博主可以根据自己的需要修改别名。
- WordPress教程排行
- 最近发表