如何在子主题中覆盖联系表单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);
}