我应该如何将JavaScript添加到子主题中?

时间:2017-06-28 作者:McOwen

假设我想在我的网站上添加一个站点范围的JavaScript片段,但使用了一个子主题,以便不篡改原始主题。我必须添加一个新的。将js文件转换为子主题,或者将脚本转换为函数。php?或者,更好的是,它可以添加一个插件吗?

2 个回复
SO网友:LWS-Mo

您可以做不同的事情:

  1. Enqueue 新的JS文件通过plugin
  2. Enqueue 新的JS文件通过functions.phpfunctions.php 通过wp_headerwp_footer
要向wordpress站点添加新的JS文件,您应该enqueue 这些文件具有wp_enqueue_style() 和/或wp_enqueue_script().

这是最恰当、最安全的方法。

我会按照这条路线创建一个简单的小插件,因为它是独立于主题的。

你也可以用钩子wp_headerwp_footer. 在这个钩子中,您可以编写JS代码。

但正确的方法是将这些文件排队,其工作方式如下:

function prfx_frontend_enqueue() {
    wp_enqueue_style( \'my-plugin-css\', plugins_url(\'/assets/css/plugin.css\', __FILE__) );
    wp_enqueue_script( \'my-plugin-js\', plugins_url(\'/assets/js/jquery.my-script-min.js\', __FILE__), array(\'jquery\'));
}
add_action(\'wp_enqueue_scripts\', \'prfx_frontend_enqueue\');

SO网友:kero

将javascript文件添加到文件夹并调用wp_enqueue_script() 使用正确的文件名。您可以在子主题或插件中这样做,这真的不重要(从技术角度来看)。

如果您没有添加更多功能,我不会为此创建自定义插件,而只是将其包含在子主题的功能中。php。

结束