在wordpress自定义主题中集成javascript文件

我知道这件事已经有好几个话题了，但似乎没有一个能解决我的问题

我想链接一个自定义的WordPress主题，我正在创建几个JavaScript文件。我尝试了很多可能的方法，但没有一种对我有效

要跳过我已经尝试添加文件的所有方法，请告诉我如何添加文件“prettypto.js”，以便在我的自定义主题中工作

谢谢,，

---

Andi

正确的方法是使用

wp\u register\u script

和

wp\u enqueue\u script

。使用这些将指示WordPress在任何依赖脚本之后加载脚本

因此，假设您的

prettypto.js

文件位于

mytheme/js

中。在

functions.php

中，添加如下内容：

<?php
add_action('wp_enqueue_scripts', 'mytheme_load_scripts');
function mytheme_load_scripts() {
  // this only registers the script with WordPress
  wp_register_script('prettyPhoto', get_stylesheet_directory_uri().'/js/prettyPhoto.js');
  // this actually loads the script in `wp_head`
  wp_enqueue_script('prettyPhoto');
}
?>

有关更多信息，请参阅法典中的和

---

可能也会有帮助。

我想它对你不起作用，因为你可能忘记了放置

紧挨着主题模板中的标记（例如header.php、， index.php）

或关于放置

紧跟在主题模板中的标记之前（例如footer.php， index.php）

花点时间，让你自己熟悉这个世界

如果没有看到模板，如果不知道您已经尝试了什么，很难猜测， 但是您需要的是函数（在

functions.php

）以及wp_head（）和|或wp_footer（）（在模板中）

确保模板中的

前面有

wp\u head（）

确保模板中的

前面有

wp\u footer（）

将以下代码放入

functions.php

：

function my_theme_add_javascript() {
    wp_enqueue_script(
        'pretty-photo',
        get_template_directory_uri() . '/js/prettyPhoto.js',
        array('jquery')
    );
}
add_action('wp_enqueue_scripts', 'my_theme_add_javascript');

---

将此文件添加到“wp content/theme/myteme”目录，并将此文件的路径设置为header.php文件，该文件位于“wp content/theme/myteme/header.php”中，并具有完整的名称示例：很抱歉，您在此处编写的内容不起作用，在我添加了你告诉我的那句话之后，博客不再显示在浏览器中了。谢谢你的回复，但不幸的是，不知什么原因，你发给我的代码不起作用。我100%确定我的php文件中存在一些问题，但我真的不知道如何解决：（添加上述代码后，我收到一个错误，该错误表示我应该更正文件plugin.php中的一些错误，但我没有：(

function my_theme_add_javascript() {
    wp_enqueue_script(
        'pretty-photo',
        get_template_directory_uri() . '/js/prettyPhoto.js',
        array('jquery')
    );
}
add_action('wp_enqueue_scripts', 'my_theme_add_javascript');