独自jsファイルの読み込み

WordPress

プラグイン独自のjavascriptファイルを読み込む場合、以下の関数を使用します。

wp_enqueue_script($handle, $src, $deps, $ver, $in_footer);

各引数は次の意味になります。

$handle
ユニークな名前(ID)。wordpressシステム全体でユニークとなるIDを付ける。

$scr
jsファイルまでのurl

$deps
依存関係があるjsファイルの$handleを配列で指定する

$ver
jsファイルのバージョンを指定

$in_footer
「< script >」タグを「」直前ではなく、直前で出力する場合「true」と書きます。

まとめると、次のように書きます。

add_action('wp_enqueue_scripts', 'my_script');
function my_script() {
    wp_enqueue_script(
        'sample.js',
        plugins_url('js/sample.js', __FILE__),
        array('jquery'),
        '1.0',
        true
    );
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です