wp_register_development_scripts()


WordPressのwp_register_development_scripts()関数は、開発環境用のスクリプトを登録するために使用されます。この関数は、開発中にデバッグやテストを行うためのスクリプトを簡単に追加できるようにします。

構文

wp_register_development_scripts( string $handle, string $src, array $deps = array(), string|bool|null $ver = false, bool $in_footer = false );

引数の説明:

  • $handle (string) — スクリプトの識別子。
  • $src (string) — スクリプトのURL。
  • $deps (array) — 依存するスクリプトのハンドルの配列。
  • $ver (string|bool|null) — スクリプトのバージョン。
  • $in_footer (bool) — スクリプトをフッターに配置するかどうか。

例1: 基本的なスクリプトの登録

開発用のスクリプトを登録する基本的な例です。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js');

例2: 依存関係のあるスクリプトの登録

jQueryに依存する開発用スクリプトを登録します。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js', array('jquery'));

例3: バージョン指定付きのスクリプト登録

バージョンを指定してスクリプトを登録します。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js', array(), '1.0.0');

例4: フッターに配置するスクリプトの登録

スクリプトをフッターに配置する例です。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js', array(), false, true);

例5: 複数の依存関係を持つスクリプトの登録

複数の依存関係を持つスクリプトを登録します。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js', array('jquery', 'underscore'));

例6: 条件付きでスクリプトを登録

特定の条件下でのみスクリプトを登録します。

if (WP_DEBUG) { wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js'); }

例7: スクリプトの登録と即時エンキュー

スクリプトを登録し、即時にエンキューします。

wp_register_development_scripts('my-dev-script', get_template_directory_uri() . '/js/dev-script.js'); wp_enqueue_script('my-dev-script');

注意点

  • この関数は開発環境でのみ使用することを推奨します。
  • 本番環境では、不要なスクリプトが読み込まれないように注意してください。

関連機能：