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

时间:2015-08-20 22:52:08

标签: javascript jquery wordpress

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

我已经编写了一些javascript来监听特定链接的点击,并更改CSS以响应它们。我可以在另一个环境中完成这项工作,但我们正试图弄清楚如何让它在Wordpress中执行。

我们已经尝试将其放入index.php(对我而言最合乎逻辑的来源,因为对我来说这是最有意义的,但显然WordPress的工作方式不同)。

所以我想弄清楚的是,你在wordpress中放置脚本标签(放置代码的地方,而不是引用我们已经拥有的jQuery)?

2 个答案:

答案 0 :(得分:0)

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

来自官方新闻网站的一句引言:

  

模板文件中的JavaScript

     

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

您可以阅读更多here

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

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

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

答案 1 :(得分:-1)

你可以用不同的方式做到这一点:

在脚注中包含脚本,例如

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

或使用wp_enqueue_script函数more info