WordPress で JavaScript の依存関係を管理

テンプレートに script タグを直接書くよりも良い方法があります。

まず functions.php で利用するスクリプトの依存関係を定義します。

functions.php

function set_script_dependencies() {
  wp_register_script('underscore', get_cu_url('js/underscore-min.js'));
  wp_register_script('backbone', get_cu_url('js/backbone-min.js'), array('underscore'));
  wp_register_script('jquery.sort', get_cu_url('js/jquery.sortElements.js'), array('jquery'));
  wp_register_script('foo', get_cu_url('js/koto.js'), array('jquery', 'backbone', 'jquery.sort'));
}
add_action('wp_enqueue_scripts', 'set_script_dependencies');

これで、以下のようにするだけで依存するスクリプトを全て読み込むことができます。

wp_enqueue_script('foo');

サイト全体で読み込む場合は wp_enqueue_scripts フックで、一部のテンプレートだけで読み込む場合は、テンプレート内の get_header() の前で wp_enqueue_script() すると良いようです。

参考
http://codex.wordpress.org/Function_Reference/wp_enqueue_script