Wordpress主题技巧

WordPress 技巧:只在相关页面导入 Contact Form 7 的 JS 和 CSS

WordPress 技巧:只在相关页面导入 Contact Form 7 的 JS 和 CSS

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

标签:WordPress 技巧

Wordpress主题技巧

更多有关于 Wordpress主题技巧

域名解析教程

Metaslider幻灯片使用详解!

塔克网整站模板 安装使用指南

WordPress如何备份网站数据库和文件?WordPress整站搬家操作流程。

WordPress网站安全设置教程

国外英文广告联盟网站模板,WordPress主题整站演示地址列表

WordPress主题开发:开启文章缩略图功能

WordPress 自定义头像插件:WP User Avatar

WordPress 后台管理界面UI自定义插件:WP Admin UI Customize

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2016 Tadke.com. Powered by Wordpress.