ツイートするシェアするピンするブクマするあとで読むLINEで送るWordPressテーマにJavaScriptを読み込む際、footer.phpなどのテンプレートファイルに直接書き込むのではなく、functions.phpで制御する方法が推奨されています。functions.phpで管理する場合は、”wp_enqueue_script関数”を使ってJavaScriptファイルの読み込みを制御します。スクリプトの重複読み込みを回避し、最適な順番で読み込んむよう制御してくれます。wp_enqueue_script()には下記のパラメーターがあります。内容を理解して正しく設定しましょう。1$handle$handle部分にはハンドルネームを指定します。jsファイルの名前をそのまま使うと分かりやすいかと思います。この名前を使ってスクリプトを判別します。2$src$src部分にはスクリプトのURLを指定します。3$deps$deps部分でスクリプトの読み込み順を制御できます。スクリプトの後に読み込みます。4$ver$ver部分では任意のバージョンを指定できます。スクリプトURLにクエリパラメーターとして追加されるので、ブラウザキャッシュ対策になります。5$in_footer$in_footer部分では、スクリプトの読み込み位置を指定できます。trueで</body>終了タグの前に、falseで<body>タグの前、出力します。下の利用例では、!is_admin()で管理画面以外の部分で適用するように指定しています。公開サイトではWordPress同封のjQueryは読み込ませないという設定にまります。CDNのjQueryを使用しますという設定です。wp_enqueue_script()の部分で読み込むスクリプトの指定をしています。wp_enqueue_script()のハンドルネーム「config」の記載方法は以下のページを参考に作成しました。Yamamoto広島県広島市育ち、現在岡山でWeb制作の仕事をしています。「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。ICONSVGコメントはこちらコメントをキャンセルコメント名前メールアドレス次回コメントで使用するためブラウザに自分の名前、メールアドレスを保存する。JunJunWeb.Net。