WordPress 技巧：只在相关页面导入 Contact Form…

Contact Form 7 是一个非常强大并且易用的联系表单的插件，我在很多项目中都用到它，但是这个插件有个很不好的地方，会在整个博客的所有前台页面都导入 Contact Form 7 的 JavaScript 和 CSS 代码，对于性能要求极致的我们，当然不允许这样的事情发生，所以我们可以通过下面的代码实现只在含有 Contact Form 7 表单的页面导入 Contact Form 7 的 JS 和 CSS 代码。

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”的页面添加了联系表单，具体涉及到你自己的项目，需要根据具体的情况做些修改。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有