javascript - 从HTML模板制作Wordpress主题时,JS不起作用

标签 javascript html wordpress

这是我的问题:我有一个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完全不响应。

您能给我一些有关我做错了什么的提示吗?我已经浏览了所有文件,以查看是否没有错过链接,但是一切似乎都很好。

提前非常感谢你

最佳答案

您的JavaScript和CSS文件不应放在媒体上传器中,而应包含在主题中。从那里,您可以使用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);

关于javascript - 从HTML模板制作Wordpress主题时,JS不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13300163/

相关文章:

javascript - 嵌套表单标签的第一种形式不响应CSS显示:无

html - 将图像在 div 中居中对齐

php - 我怎样才能拉媒体:thumbnail from an RSS feed with SimplePie and fetch_feed()?

php - 创建文件夹(如果尚不存在)

mysql - ORDER BY子句受另一个表中的子选择约束

javascript - jQuery执行数学运算

javascript - 如何使用AngularJs验证Django表单?

javascript - 使用 jQuery 根据 <label> 内容加载图标

IE 中的 Javascript 语法错误

html - 即使调整页面大小,同一水平线上的两个或多个图像