从HTML模板制作Wordpress主题时，JS无法正常工作

Question

这是我的问题：我有一个HTML模板，其中包含CSS，JS和一些IMAGES。 我按照这里非常基本和简单的说明将其转换为wordpress主题： http ： //thethemefoundry.com/blog/html-wordpress/ 。 为了显示图像，我必须将它们上传到WP库，然后更改index.php和其他文件中的链接，使它们不指向/img/picture.jpg，而是指向www.sitename.com/ WP的上载/ 2012/11 / picture.jpg。

当我这样做时，图片显示就好了。 但是，我然后尝试将JS文件上传到库中。 那没关系。 然后我用header.php文件中的链接替换它们，链接现在指向该站点。 就像上面一样。 但是，JS根本没有回应。

你能给我一些关于我的错误做错的提示吗？ 我已经浏览了所有文件，看看我是否没有错过链接，但一切似乎都很好。

非常感谢你提前

Answer 1

您的JavaScript和CSS文件不应该放在Media Uploader中，它们应该包含在您的主题中。 从那里，您可以使用wp_enqueue_script将它们排入标题中 - http://codex.wordpress.org/Function_Reference/wp_enqueue_script - 和wp_enqueue_style - http://codex.wordpress.org/Function_Reference/wp_enqueue_style 。

确定页面的正确方法是使用get_template_directory_uri()函数。

例如，如果您想注册/wp-content/themes/YOUR_THEME/js/script.js并且它依赖于jQuery您可以在主题的functions.php使用它：

wp_enqueue_script('script_name', get_template_directory_uri()."/js/script.js" ,'jquery',false,true);