從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);