1

我正在整理一些网站,并一直在使用 jQuery 脚本制作动画部分。我是一名平面设计师,所以代码不是我的事,但我学到了很多东西,以便能够在不寻求静态和补充我的设计的情况下制作我的网站。

我相信我需要将他的代码放在 PHP 文件中,但是如何引用 jQuery 基础文件并说我在主页上使用动画徽标部分?

我不想通过在其中添加代码来搞乱该页面模板,我可以logoani.php在我的 WP 文件中添加一个单独的 PHP 文件,并以某种方式在我需要的地方调用它吗?

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

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

我知道这是一个蹩脚的问题,但我真的很想学习这些东西,奇怪的是还没有找到关于我在做什么的好教程。

4

3 回答 3

3

要将 JS 文件添加到您的 wordpress 主题中,请将此代码添加到您的 wordpress 主题文件夹中的 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/

于 2012-06-02T08:41:20.747 回答
1

您永远不想在标题中打印对脚本的直接调用。

WordPress 提供了一个功能,wp_enqueue_scriptPlugins 依赖这个功能来实现兼容性。

如果您的脚本依赖于 jQuery,则将“jquery”添加到依赖项数组中。如果它是内置脚本,则无需将其排入队列(如果已列出)。

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

有关更多信息,请参阅在哪里注册和排队 javascript 和 css 文件的正确位置

于 2012-06-02T13:59:19.223 回答
-1

您可以像在一个简单的 html 页面中一样执行此操作。将您的脚本放在模板文件夹中,然后在您想要的任何页面中包含带有 <script> 标记的脚本。不要忘记将链接提供为。

src='echo bloginfo(template_url); ?>/relativePathFromTemplateFolder.js'

于 2012-06-02T10:45:33.030 回答