[WP3]読み込むjsをheader.phpではなく、function.phpにまとめて書く
通常、ヘッダ部分でincludeするjsファイルですが、
header.php以外にカスタマイズしたheaderテンプレ作っちゃった場合は、
同じjsファイルを重複して書かなきゃダメだったりして、
めんどくさいですよね。
しかも、
WordPressは、デフォルトでjQueryを使ってるみたいなので、
header.phpに記述する場合は、競合にも気をつけて書かなきゃダメみたいです。
とりあえず、
普通にずらずらheader.phpに書いて動いたから、
まあいっかと思っていたけど、
たしかに、
header-○○○.phpとか増える度に
includeファイルを追加するのはめんどくさいなーと思っていたら、
function.phpにまとめて書く方法がありました↓
function load_scripts() {
wp_enqueue_script('jquery'); /* 勝手に最新jQueryを読みこんでくれる */
wp_enqueue_script('uupaa-suketrans', get_bloginfo('template_url').'/js/uupaa-suketrans.js');
wp_enqueue_script('scrollsmoothly', get_bloginfo('template_url').'/js/scrollsmoothly.js');
wp_enqueue_script('mycommon', get_bloginfo('template_url').'/js/common.js');
} add_action('init', 'load_scripts');
wp_enqueue_script関数は、
競合をうまいこと回避してファイルを読みこんでくれるかしこいやつみたいです。
さらに、
と書けば、
勝手に最新のjQueryも読みこんでくれる優れモノ。
が!
こりゃ便利だなーと思ったら、
使ってたjsが最新のjQueryに対応してなかった。。。
header.php以外にカスタマイズしたheaderテンプレ作っちゃった場合は、
同じjsファイルを重複して書かなきゃダメだったりして、
めんどくさいですよね。
しかも、
WordPressは、デフォルトでjQueryを使ってるみたいなので、
header.phpに記述する場合は、競合にも気をつけて書かなきゃダメみたいです。
とりあえず、
普通にずらずらheader.phpに書いて動いたから、
まあいっかと思っていたけど、
たしかに、
header-○○○.phpとか増える度に
includeファイルを追加するのはめんどくさいなーと思っていたら、
function.phpにまとめて書く方法がありました↓
function load_scripts() {
wp_enqueue_script('jquery'); /* 勝手に最新jQueryを読みこんでくれる */
wp_enqueue_script('uupaa-suketrans', get_bloginfo('template_url').'/js/uupaa-suketrans.js');
wp_enqueue_script('scrollsmoothly', get_bloginfo('template_url').'/js/scrollsmoothly.js');
wp_enqueue_script('mycommon', get_bloginfo('template_url').'/js/common.js');
} add_action('init', 'load_scripts');
wp_enqueue_script関数は、
競合をうまいこと回避してファイルを読みこんでくれるかしこいやつみたいです。
さらに、
wp_enqueue_script('jquery')
と書けば、
勝手に最新のjQueryも読みこんでくれる優れモノ。
が!
こりゃ便利だなーと思ったら、
使ってたjsが最新のjQueryに対応してなかった。。。