自定义javascript应该在哪里注入Wordpress主题？

Question

我正在帮助一个朋友使用购买的自定义主题作为他的父主题来构建wordpress网站。 还有一个儿童主题。

我写了一些JavaScript来监听特定链接的点击，并更改CSS以响应它们。 我可以在其他环境中进行这项工作，但我们正在尝试弄清楚如何使其在Wordpress中执行。

我们尝试将其放在index.php （对我来说，这是最合乎逻辑的信息，因为对我来说，这是最有意义的，但显然WordPress的工作方式有所不同）。

所以我要弄清楚的是，您在wordpress中将script标签放在哪里（在您放置代码的地方，而不是我们已经引用过的jQuery）？

Answer 1

index.php脚本只会加载WordPress框架并运行它，您需要在主题/模板文件中添加js代码。

官方文字新闻网站的一些引言：

模板文件中的JavaScript

将JavaScript添加到WordPress生成的页面以及WordPress主题或插件的安全且推荐的方法是使用wp_enqueue_script（）。 如果尚未包含此脚本，则此函数将包含该脚本，并安全地处理依赖关系。

你可以在这里阅读更多

在我看来，最好的方法是您应该使用要运行的代码创建一个js文件，然后将其上传到主题/模板文件夹，然后使用脚本标签添加该文件，如我提供的链接所述。

我的建议是不要将代码直接嵌入模板文件中，而是从javascript文件中加载。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/pathto/yourscript.js"></script>

Answer 2

您可以通过不同的方式来做到这一点：

例如，将脚本包含在页脚中

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/pathto/yourscript.js"></script>

或使用wp_enqueue_script函数获取更多信息 。