js程式碼放wordpress哪裡

js程式碼放wordpress哪裡？

在wordpress中，js程式碼通常會直接放在header.php或footer.php檔案中加入js檔案呼叫程式碼。

其實wordpress主題最佳引用js檔案的方法是使用wordpress內建的wp_enqueue_script()函數，透過該函數可以安全地將javascript程式碼加入WordPress建立的頁面中，不僅可以最大限度地保證相容性，還是提升wordpress效能效率的方法。

函數程式碼：

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

參數說明：

#$handle – 呼叫的腳本名稱，用於區別其它js，因此不能和其它js文件命名相同。

$src – js檔案的路徑（即url），不要直接使用網域url，要使用路徑函數，如parent theme使用get_template_directory_uri，child theme使用get_stylesheet_directory_uri。 （WP模板路徑相關的函數中，通常帶有template的是指parent theme，帶有stylesheet的指向child theme）

$deps – 依賴關係，加載的js檔案所依存的其它js的標識字符串數組（array:string），即需要在本程式碼之前載入的程式碼的名稱（如js腳本依賴jquery庫，那麼這裡要用數組的形式寫上jquery），非必需。

$ver – 載入js檔案的版本號，作為查詢字符串附加在路徑的末尾，作用是確保正確的版本資訊傳遞給了客戶端，以免受到快取的影響（如js腳本發生變化時，透過更改版本號可以強制客戶瀏覽器更新快取），預設為false，呼叫目前wordpress程式的版本號，如果不想顯示，則設定為NULL（不建議）。

$in_footer – boolean類型，設定js檔案呼叫程式碼是否放置在html底部，設定為ture則放在底部，設定為false則放置在head部分。提示需要模板正確放置wp_footer()函數。

使用方法：

透過wp_enqueue_script函數載入js檔案時，應該將它指派給一個鉤子，如只在前台調用，使用鉤子wp_enqueue_script；只在後台調用，使用admin_enqueue_scripts。

範例：

只在前台呼叫

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

只在後台呼叫

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

附：函數位置wp-includes/functions.wp-scripts. php檔案

更多WordPress技術文章，請造訪WordPress教學欄位！

以上是js程式碼放wordpress哪裡的詳細內容。更多資訊請關注PHP中文網其他相關文章！