WordPressでスマートにjavascriptを呼び出す

この記事は約2分で読めます。
スポンサーリンク

wordpressでjavascriptを呼び出すには、複数方法があります。
header.phpにかく、footer.phpに書く。
いずれもシンプルな方法です。
しかし、そうした場合プラグインに競合する可能性がでてきたりするので、
個人的なベストアンサーが、function.phpへ記述することです。

function.phpに記述してfooter.phpにあるwp_footer関数から呼び出すことで
javascriptを最後に呼び出すとメリットを生かしつつ一元管理します。

add_action('wp_enqueue_scripts', function() {
    wp_enqueue_script('main', get_template_directory_uri() . '/js/main.js', array(), null, true);
    $js = <<< EOM
                        //インラインjavascriptコード
EOM;
    wp_add_inline_script('main', $js, 'after');
});

この書き方はtemplateフォルダ内のmain.jsを呼び出し、
その呼び出した後にインラインでjavascriptのコードを記述する書き方です。
jqueryプラグインを読み込ませるときなどに使える書き方ですね。

コメント

タイトルとURLをコピーしました