wp_get_script_tag()


WordPressのwp_get_script_tag()関数は、スクリプトタグを生成するために使用されます。この関数は、スクリプトのソースや属性を簡単に設定できるように設計されています。

構文

wp_get_script_tag( array $attr );
  • $attr(array) — スクリプトタグの属性を指定する連想配列。例えば、srcやasyncなど。

例1: 基本的なスクリプトタグの生成

この例では、src属性を使ってスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js' ) );

例2: async属性を追加

この例では、async属性を追加してスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js', 'async' => true ) );

例3: defer属性を追加

この例では、defer属性を追加してスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js', 'defer' => true ) );

例4: type属性を指定

この例では、type属性を指定してスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js', 'type' => 'module' ) );

例5: 複数の属性を指定

この例では、複数の属性を指定してスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js', 'async' => true, 'defer' => true ) );

例6: 外部スクリプトの読み込み

この例では、外部のスクリプトを読み込むためのタグを生成します。

echo wp_get_script_tag( array( 'src' => 'https://example.com/external-script.js' ) );

例7: カスタムIDを指定

この例では、カスタムのid属性を指定してスクリプトタグを生成します。

echo wp_get_script_tag( array( 'src' => get_template_directory_uri() . '/js/script.js', 'id' => 'custom-script' ) );

注意点

  • wp_get_script_tag()は、スクリプトタグを生成するだけで、実際にスクリプトをエンキューするわけではありません。スクリプトをエンキューするには、wp_enqueue_script()を使用してください。
  • 属性名は小文字で指定する必要があります。

関連機能：