首頁 > 後端開發 > php教程 > WordPress網站加入Javascript程式碼的方法

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

不言
發布: 2023-04-03 09:50:02
原創
3297 人瀏覽過

這篇文章要跟大家介紹的內容是關於WordPress網站加入Javascript程式碼的方法,有著一定的參考價值,有需要的朋友可以參考一下。

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

WordPress提供了函數 wp_enqueue_script 和鉤子 wp_enqueue_scripts

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

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

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

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array(), '1.12.1', false);
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' );
登入後複製

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. 可以指定嵌入程式碼在文件的位置

相關推薦:

如何在yii2框架的di容器原始碼中了解反射的作用

用另一種方​​法來進行Laravel資料庫測試(SQLite)

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板