WordPress教程

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

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

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

已有 293 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!