[wordpress]在子主題新增jQuery plugin

參考官方建議使用wp_enqueue_script()用來載入 javascript 檔，wp_enqueue_style()用來載入css檔，使用方式如下
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

wp_enqueue_script() 使用說明:

$handle：用於區別 script 名稱(string)；

$src：javascript 檔案位置(string)；

$deps：相關性，指此 javascript 必須在此 javascript 之前載入(array,非必需的)；

$ver：幫 javascript 加註版本，留空白則使用當前 wordpress 版本號碼(string,非必需)；

$in_footer：是否放置到網頁HTML底部載入(boolean,非必需)。

wp_enqueue_style() 使用說明:

$handle：用於區別 CSS 的名稱(string)；

$src：CSS 檔案位置(string)；

$deps：相關性，指此 CSS 必須在此 CSS 之前載入(array,非必需)；

$ver：幫 CSS 加註版本，留空白則使用當前 wordpress 版本號碼(string,非必需)；

$media：用於 CSS 的 media 參數值(string,非必需)。

使用範例:

function add_pluginname_scripts() {

    wp_enqueue_style( 'style', get_stylesheet_uri() );

    wp_enqueue_script( 'script', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

}

add_action( 'wp_enqueue_scripts', 'add_pluginname_scripts' );

注意事項:

1.請將jQuery plugin放置子主題的資料夾內

2.必須寫在function.php這隻檔案。

3.若是在子主題新增的話，$src的部分請改寫成get_stylesheet_directory_uri()←用來取得子主題的url