javascript - 从 HTML 模板制作 WordPress 主题时，JS 不起作用

Question

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

当我这样做时，图片显示得很好。不过，我随后也尝试将 JS 文件上传到库中。一切顺利。然后我将 header.php 文件中的链接替换为现在指向该站点的链接。就像上面一样。然而，JS根本没有回应。

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

提前非常感谢

Answer 1

您的 JavaScript 和 CSS 文件不应放入媒体 uploader 中，它们应包含在您的主题中。从那里，您可以使用 wp_enqueue_script 将它们排入您的 header 中 - 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);