Javascript 和 Wordpress : Functions. php 用于子主题更改 JS 文件上的值

Question

在 WordPress 中...我创建了一个子主题。现在我想编辑/更改 main.js 文件中的值。该文件是父主题的一部分。

就我的研究而言，我需要将文件 main.js 复制到子主题文件夹 js/main.js 中，并在那里进行更改。 然后，我需要添加一个文件“functions.php”，其中包含取消注册父主题中原始 main.js 文件的代码，并将其重定向到子主题 js 文件夹中的 main.js。正确吗？

我在网上找到的每个解释这种情况的网站都显示了 php 取消注册/出队然后注册/入队新文件的代码的非常简短的描述。 有人可以写下我完成此操作所需的最简单的functions.php 文件吗？

来自父函数.php

wp_register_script('main', JS_URI . '/main.js', 'jquery', false, true);

wp_enqueue_script('main');

来自 js/main.js

我只想将“play: 10000”更改为“play:1000”

$(function() {
$('#slides').superslides({
  animation: "fade",
  play: 10000,
  slide_easing: 'easeInOutCubic',
  slide_speed: 800,
  pagination: true,
  hashchange: false,
  scrollable: true
});  });

提前谢谢您!

Answer 1

在你的functions.php 文件中尝试一下:

<?php

wp_dequeue_script('main');
wp_deregister_script('main');

wp_register_script('main', YOUR_CHILD_THEME_JS_URI . '/main.js', 'jquery', false, true);
wp_enqueue_script('main');

确保将 YOUR_CHILD_THEME_JS_URI 更改为您的子主题的 JS 路径。

您可以使用get_stylesheet_directory()获取自 get_template_directory() 以来到您的子主题文件夹的路径将返回父主题的路径，而不是您的子主题。