WordPress 技巧:只在含有联系表单的页面加载 Contact Form 7 的 JS 和 CSS
2023-06-13 09:18:34 时间
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整合Highslide JS 灯箱效果
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- JS跳转代码_js中跳转页面路径
- WordPress网站js防扒代码-禁止右键/F12/调试自动关闭窗口
- linux如何安装node.js_centos安装nodejs
- JS动态引入js、CSS动态创建script/link/style标签详解编程语言
- 搭建wordpress如何在Linux中安装WordPress网站(如何用linux)
- JS switch case语句
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- WordPress 4.3 将用 Node.js 重写
- Discovering the Power of Node.js on Linux: An Introduction(nodejslinux)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- JS技术连接Oracle数据库实现数据交互(js连接oracle实例)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- div+css+js模拟tab切换效果事件绑定IE,firefox兼容
- JS函数验证总结(方便js客户端输入验证)
- JS控件的生命周期介绍
- 动态加载dtree.js树treeview(示例代码)
- 在js文件中写el表达式取不到值的原因及解决方法
- js对table的td进行相同内容合并示例详解
- 用js代码和插件实现wordpress雪花飘落效果的四种方法