如何在子主题中覆盖联系表单 7 js 文件

Question

我正在我的WordPress网站上使用联系表单7插件。我遇到一种情况，我必须修改并添加新的 JavaScript 代码来扩展功能。现在我想覆盖子主题中的文件script.js。 文件位置：plugins/contact-form-7/includes/js/scripts.js

请帮忙。

Answer 1

对于首先覆盖子主题中的脚本文件，您需要使用以下wp_dequeue_script取消插件脚本文件的排队

取消插件脚本排队后，您需要使用子主题路径再次添加脚本文件。 将插件脚本[scripts.js] 文件放在您的子主题中。查看以下示例代码。将以下代码放入您的子主题function.php文件中

add_action('wp_enqueue_scripts', 'pre_contact_form_callback', 100);
function pre_contact_form_callback()
{
wp_dequeue_script('contact-form-7');
wp_enqueue_script( 'contact-form-7-child', get_stylesheet_directory_uri().'/js/scripts.js', array( 'jquery', 'jquery-form' ), null, true);
}