Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/apache-kafka/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
自定义javascript应该在哪里注入Wordpress主题?_Javascript_Jquery_Wordpress - Fatal编程技术网

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

自定义javascript应该在哪里注入Wordpress主题?,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在帮助一位朋友建立一个wordpress网站,使用购买的自定义主题作为他的父主题。还有一个儿童主题 我编写了一些javascript来监听特定链接上的点击,并更改CSS以响应它们。我可以在另一个环境中实现这一点,但我们正试图找出如何在Wordpress中执行它 我们试着把它放在index.php中,这对我来说是最合乎逻辑的源代码,因为这对我来说是最有意义的,但显然WordPress的工作方式不同 所以我想弄清楚的是,在wordpress中,你把脚本标记放在放代码的地方,而不是引用jQuery

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

我编写了一些javascript来监听特定链接上的点击,并更改CSS以响应它们。我可以在另一个环境中实现这一点,但我们正试图找出如何在Wordpress中执行它

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


所以我想弄清楚的是,在wordpress中,你把脚本标记放在放代码的地方,而不是引用jQuery,我们已经有了它

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

官方word press网站上的一句话:

模板文件中的JavaScript

安全推荐的添加方法 将JavaScript添加到WordPress生成的页面,以及WordPress主题或 插件,是通过使用wp_enqueue_脚本实现的。此功能包括 脚本(如果尚未包含),并安全地处理 依赖关系

你可以读更多

在我看来,最好的方法是创建一个js文件,其中包含要运行的代码并上传到主题/模板文件夹,然后添加一个脚本标记,正如我提供的链接所解释的那样

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

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

您可以通过不同的方式来实现这一点:

例如,在页脚中包含脚本


或者使用wp_enqueue_script函数,.

这是一个自定义主题还是他从头开始构建的主题?感谢@JakubBilko的快速响应。他说,父主题是定制的,意思是他买了它,他有一个子主题。我不确定区别是什么,请原谅我的无知。@Omeed您可以在jquery之后添加自己的脚本!是的,对不起我的无知,这对我来说太陌生了。通常这是可以想象的最简单的任务,您只需添加..代码。不习惯wordpress。谢谢@gonzalonth没有比使用wp_enqueue_脚本更正确的答案了。如果你硬编码脚本,在主题中添加样式表,你以后就不能动态地处理这个问题。不应该让新手去做错事。wp_enqueue_脚本是最佳实践答案。我没有派任何人去做任何事情。我刚刚引用了官方网站,并添加了一个关于它的意见。
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/pathto/yourscript.js"></script>