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

Where should custom javascript be injected into a Wordpress theme?

本文关键字：Wordpress 主题 注入 在哪里 javascript 自定义      更新时间：2023-09-26

我正在帮助一个朋友使用购买的自定义主题作为他的父主题建立一个wordpress站点。还有一个子主题。

我写了一些javascript来监听特定链接的点击，并改变CSS来响应它们。我可以让这个工作在另一个环境中，但我们正在试图弄清楚如何让它在Wordpress.

我们试着把它放在index.php(对我来说最合乎逻辑的来源，因为这对我来说最有意义，但显然WordPress的工作方式不同)。

所以我想弄清楚的是，在哪里wordpress你把脚本标签(你把代码，不引用jQuery我们已经有了)?

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

摘自word官方网站:

模板文件中的JavaScript

安全推荐的添加方法JavaScript生成的一个WordPress页面，和WordPress主题或插件，通过使用wp_enqueue_script()。该函数包括脚本(如果尚未包含)，并安全处理依赖关系。

你可以在这里阅读更多

在我看来，最好的是你应该创建一个js文件，你想要运行的代码和上传到你的主题/模板文件夹，然后添加一个脚本标签，我提供的链接解释。

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

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

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

在页脚包含脚本，例如 

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

或使用wp_enqueue_script函数，更多信息

相关文章：