我在哪里将jquery动画代码放入我的Wordpress主题中？一切都进入页面模板PHP文件吗？

Question

我正在努力修改一些网站，并且一直在使用jQuery脚本处理动画部分。我是一名平面设计师，所以代码不是我的事，但我学到很多东西，能够做我的网站，而不是寻求静态和补充我的设计。

我相信我需要将代码放在PHP文件中，但是如何引用jQuery基本文件并说我在主页上使用了动画徽标部分？

我不想通过在那里添加代码来弄乱那个页面模板，我可以在我的WP文件中添加一个单独的PHP文件，如logoani.php，并以某种方式将其调用到我需要的位置吗？

好的，我已将正确的脚本加载到服务器上的WP文件夹中，然后使用我的函数将下面建议的代码添加到.php。所以现在我正在考虑将其余的代码添加到我的模板中。

下面建议的代码是否会插入该脚本所需的额外HTML，如果是这样，我如何确保将其放在WP页面上的正确模块中？

我知道这是一个蹩脚的问题，但我真的想学习这些东西，奇怪的是没有找到关于我正在做的事情的好教程。

Answer 1

要将JS-Files添加到wordpress-theme，请将此代码添加到wordpress-theme-folder中的functions.php文件中：

function my_extrajs() { ?>
    <script type="text/javascript" src="path/to/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="path/to/yourCode.js"></script>
<?php }

add_action('wp_head', 'my_extrajs');

wp_head等等，被称为动作挂钩。 有关详细信息：http://www.nathanrice.net/blog/an-introduction-to-wordpress-action-hooks/

Answer 2

您不希望直接调用标题中的脚本。

WordPress提供了一个函数，wp_enqueue_script插件依赖此函数来实现兼容性。

如果你的脚本依赖于jQuery，那么将'jquery'添加到dependencies数组中。如果它是一个内置脚本，如果列出它，则不需要将它排入队列。

function get_my_js() {
   wp_enqueue_script( 'handle', 'src', array( 'dependency', 'another-dependency', true);
}
add_action( 'wp_enqueue_scripts', 'get_my_js' );

有关详细信息，请参阅Where is the right place to register and enqueue javascript and css files。

Answer 3

你可以在一个简单的html页面中以同样的方式做到这一点。将您的脚本放在模板文件夹中，然后将脚本包含在＆lt;脚本＆gt;在你想要的任何页面中标记。不要忘记给出链接。

  

src ='echo bloginfo（template_url）; ？＆gt; /relativePathFromTemplateFolder.js'