最近、Wordpressのカスタマイズの一環として、いくつかの自作jsファイルを読み込んでいる@web_shufuです。wp_enqueue_script関数を使ってスマートに読み込んでみることにしました。もくじこれまでのリンクwp_enqueue_scriptfunction.phpへの書き込みこれまでのリンクこれまで、カスタマイズのために外部サイトを参考に、いくつかの.jsファイルを造りました。Shufuこれらのカスタマイズを実現するために造った.jsファイルへは、footer.phpの</body>の直前に以下のコードを書き込んでリンクしていました。src='https://webshufu.com/js/jquery.mobilemenuToggle.js'></script>ですが、WordPressでこれをやるのはあまりスマートではありません。wp_enqueue_scriptWordPressで.jsファイルを読み込むには、wp_enqueue_script関数がスマートです。?>$handle..読み込む.jsファイルの名前。ファイル名と同じ名前をつければいいです。$src...jsファイルのURL。私はhttpから始まる絶対パスで記述します。その.jsファイルが依存している.jsファイルのハンドル名をarray(‘ハンドル名’)の形で書きます。デフォルトではarray()。$ver..とりあえず’1.0’と指定しています。$in_footer..trueと指定すればテーマ内のwp_footer()のある場所(普通は</body>の直前)で読み込まれます。falseと指定すればwp_header()のある場所で読み込まれます。ハンドル名をつけるときは、Wordpressで設定されているデフォルトのハンドル名とかぶらないようにしてください。wp_enqueue_script:WordPress私的マニュアルwp_enqueue_script関数を使うことでjavascript同士のコンフリクトを防ぎ、読み込みの順番も最適化されます。多少なりとも高速化に貢献するのではないでしょうか。function.phpへの書き込み自作jsファイルへ読み込み設定を、function.phpで行うと以下のようになります。);ファイルを読み込みたい部分だけ......の部分を書き足せばいいので簡単です。);fシェアtツイートB!はてブ著者:ウェブシュフFP主夫ブロガー。メインサイトは家計ブログ。PHPやSEOと格闘しつつWordPressで運営しています。サイトをいじったときの備忘録などウェブ関連のことをまとめたサブサイトとして当サイトを運営しています。当ドメインの運営歴は現在8年目です。コメントをキャンセルメールアドレスが公開されることはありません。よる表記とプライバシーポリシ。