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

如何覆盖子主题中的联系表格 7 js 文件

How to override contact form 7 js files in child theme

javascript

php

wordpress

wordpress-theming

contact-form-7