JS從HTML模板製作Wordpress主題時不工作

這是我的問題：我有一個HTML模板，它附帶有CSS，JS和一些圖片。我通過遵循以下基本和簡單的說明將其轉換爲wordpress主題：http://thethemefoundry.com/blog/html-wordpress/。爲了顯示圖像，我必須將它們上傳到WP庫，然後更改index.php和其他文件中的鏈接，以便它們不指向/img/picture.jpg，而是指向www.sitename.com/。 WP的上載/ 2012/11/picture.jpg。JS從HTML模板製作Wordpress主題時不工作

當我這樣做時，照片顯示得很好。但是，我然後嘗試將JS文件上傳到庫。這沒問題。然後，我會在header.php文件中將鏈接替換爲現在指向該網站的鏈接。就像上面一樣。但是，JS根本沒有迴應。

你能給我任何提示，說明我遷徙的做法有誤嗎？我已經瀏覽了所有文件，看看我是否還沒有錯過鏈接，但一切似乎都很好。

非常感謝你提前

來源

2012-11-09 user1157404

任何活生生的例子？你檢查了路徑嗎？是否加載了js文件？ – MasterAM

這就是它們在header.php文件中的添加方式： \t \t \t \t <腳本類型=」文本/ JavaScript的」 SRC = 「HTTP：//1xx.24.36.1xx//wp-content/uploads/2012/11/moving-clouds.js」> 可以你請告訴我這是什麼意思爲js文件加載？是的，路徑都被檢查並重複檢查 – user1157404

看看doublesharp的答案。它包含了包含文件和構建主題的適當方法。通過_script loaded_，我的意思是詢問js文件的http請求是否確實被服務器識別，並返回腳本內容，響應代碼爲200（ok）。 – MasterAM

你的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);

來源

2012-11-09 00:17:12 doublesharp

下面是我如何編寫代碼： <？php wp_enqueue_script（'1.7.1.min'，WP_CONTENT_URL。'http://xxx.xx.xx.xxx/cloudit/wp-content/themes/custom2/js /jquery-1.7.1.min.js'）; ？> 但是它還沒有註冊。你可以看一下嗎？ – user1157404

是的，我閱讀了wp_enqueue_script文章。我還將這些文件上傳到主題旁邊，我可以從我上面發佈的鏈接訪問它們，所以我有正確的路徑。現在剩下的東西就是它看起來正確的代碼。我無法找到一個可行的例子。到目前爲止，嘗試了wp_enqueue_script（'name''path'）和wp_enqueue_script（'path'）。目前沒有變化。 – user1157404

看到我的編輯，你應該使用'get_template_directory_uri（）' – doublesharp

JS從HTML模板製作Wordpress主題時不工作

回答

相關問題