WordPress

WordPress で jQuery と UI を簡単に組み込む方法

プラグインを作っていて気が付いた事の備忘録。

プラグインで利用する jQuery と jQuery UI を利用した JavaScript ソース「test.js」がプラグインディレクトリにあるとき、「wp_enqueue_script()」を利用して次のように記述すれば、WordPress にバンドルされた jQuery の各ソースと共にHTMLヘッダ部にscriptタグで組み込まれる。

wp_enqueue_script('test-js', plugin_dir_url(__FILE__) . 'test.js', array('jquery', 'jquery-ui-core', 'jquery-ui-dialog'));

WordPress にバンドルされている JavaScript ライブラリとハンドル名の一覧は、wp_enqueue_script リファレンスに掲載されている。