wp_print_script_tag()


WordPressのwp_print_script_tag()関数は、スクリプトタグを出力するために使用されます。この関数は、HTMLの<script>タグを生成し、指定された属性を適用します。

構文

wp_print_script_tag( array $attr );
  • $attr(array) — <script>タグに適用する属性の配列。例えば、src、async、deferなど。

例1: 基本的なスクリプトタグの出力

この例では、src属性を使用して外部スクリプトを読み込みます。

wp_print_script_tag( array( 'src' => get_template_directory_uri() . '/js/custom.js' ) );

例2: 非同期スクリプトの読み込み

async属性を使用して、スクリプトを非同期で読み込みます。

wp_print_script_tag( array( 'src' => get_template_directory_uri() . '/js/async.js', 'async' => true ) );

例3: defer属性の使用

defer属性を使用して、スクリプトの実行をページの解析後に遅延させます。

wp_print_script_tag( array( 'src' => get_template_directory_uri() . '/js/defer.js', 'defer' => true ) );

例4: インラインスクリプトの出力

src属性を使用せずに、インラインスクリプトを出力します。

wp_print_script_tag( array( 'id' => 'inline-script', 'type' => 'text/javascript', 'innerHTML' => 'console.log("Hello, World!");' ) );

例5: 複数の属性を指定

複数の属性を指定してスクリプトタグを出力します。

wp_print_script_tag( array( 'src' => get_template_directory_uri() . '/js/multi-attr.js', 'async' => true, 'defer' => true, 'type' => 'module' ) );

例6: スクリプトのIDを指定

id属性を使用して、スクリプトに一意のIDを指定します。

wp_print_script_tag( array( 'id' => 'unique-script', 'src' => get_template_directory_uri() . '/js/unique.js' ) );

例7: カスタムタイプの指定

type属性を使用して、カスタムタイプを指定します。

wp_print_script_tag( array( 'src' => get_template_directory_uri() . '/js/custom-type.js', 'type' => 'application/javascript' ) );

注意点

  • wp_print_script_tag()は、スクリプトタグを直接出力するため、適切な場所で使用する必要があります。
  • スクリプトの依存関係や順序に注意して使用してください。

関連機能：