wp_print_inline_script_tag()


WordPressのwp_print_inline_script_tag()関数は、インラインスクリプトを出力するために使用されます。この関数は、HTML内に直接JavaScriptコードを挿入する際に便利です。

構文

wp_print_inline_script_tag( string $javascript );
  • $javascript(string) — 出力するJavaScriptコードを指定します。

例1: 基本的なインラインスクリプトの出力

この例では、簡単なアラートメッセージを出力します。

wp_print_inline_script_tag( 'alert("Hello, World!");' );

例2: 変数を使用したインラインスクリプト

変数を使用して動的にJavaScriptコードを生成します。

$message = "こんにちは、世界！"; wp_print_inline_script_tag( 'alert("' . $message . '");' );

例3: イベントリスナーの追加

ボタンクリック時にアラートを表示するスクリプトを追加します。

wp_print_inline_script_tag( 'document.getElementById("myButton").addEventListener("click", function() { alert("ボタンがクリックされました！"); });' );

例4: 条件付きスクリプトの出力

特定の条件に基づいてスクリプトを出力します。

if ( is_page() ) { wp_print_inline_script_tag( 'console.log("これはページです。");' ); }

例5: 複数行のスクリプト

複数行のJavaScriptコードを出力します。

wp_print_inline_script_tag( 'var x = 10; var y = 20; console.log(x + y);' );

例6: 外部変数の使用

PHP変数をJavaScript変数として出力します。

$php_var = "これはPHP変数です。"; wp_print_inline_script_tag( 'var jsVar = "' . $php_var . '"; console.log(jsVar);' );

例7: スクリプトの遅延実行

スクリプトを遅延実行するためにsetTimeoutを使用します。

wp_print_inline_script_tag( 'setTimeout(function() { alert("3秒後に表示されます。"); }, 3000);' );

注意点

  • インラインスクリプトはセキュリティリスクを伴う可能性があるため、信頼できるソースからのみ使用してください。
  • スクリプトが重複して出力されないように注意してください。

関連機能：