くりゅぴ!

サーバーやWEB問題解決のメモから生活お得情報まで。未分類のものは執筆中

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

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プラグインを読み込ませるときなどに使える書き方ですね。

WEB開発

タグ:

WEB開発の最新記事

2020年7月13日
印刷時改ページをする
2020年7月10日
PHPのJsを外部ドメインより呼び出す
2020年7月10日
ブラウザにキャッシュさせない

コメントを残す

メールアドレスが公開されることはありません。