首頁  >  文章  >  CMS教程  >  給WordPress網站加入Javascript程式碼的方法

給WordPress網站加入Javascript程式碼的方法

藏色散人
藏色散人轉載
2020-03-14 14:11:563418瀏覽

以下由WordPress教學欄位介紹給大家介紹給WordPress網站加入Javascript程式碼的方法,希望對需要的朋友有幫助!

給WordPress網站加入Javascript程式碼的方法

如果是修改自己製作的模板主題,升級和更新自己掌控,javascript程式碼的添加比較自由,可根據實際業務邏輯引入即可。但如果想加入與主題無關的javascript程式碼,例如訪客統計,效能監控等類型的獨立程式碼,由於與主題檔案沒有關係,那麼最好的方法就是在外掛程式中加入程式碼。

WordPress提供了函數 wp_enqueue_script 和鉤子 wp_enqueue_scripts

以方便開發者有能力嵌入自訂的程式碼。

下面簡述新增的方法步驟:

在插件目錄下新建一個目錄,進入目錄後新建一個插件檔案index.php,插入如下範例程式碼:

wp_enqueue_script 函數五個參數說明

1. string $handle #對目前引入的javascript檔案的唯一命名

2. string $src = '' #javascript文件資源url

3. array $deps = array() #依賴程式碼handle

4. string|bool|null $ver = false #版本號,如果未指定,與WordPress系統版本號一致

5. bool $in_footer = false #是否在文檔底部,如果是false,則默認在文檔頭部就載入javascript

最後保存文件,去插件中心激活插件,在瀏覽器頁面查看頁面原始碼,就可以看到引入的javascript 檔案了。

使用wp_enqueue_script 函數有以下優點:

a. 可以設定與其他依賴程式碼的載入順序

b. 可以指定版本號碼利於快取管理

c. 可以指定嵌入程式碼在文件的位置

以上是給WordPress網站加入Javascript程式碼的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:segmentfault.com。如有侵權,請聯絡admin@php.cn刪除