wp_get_inline_script_tag()


WordPressのwp_get_inline_script_tag()関数は、インラインスクリプトを生成するために使用されます。この関数は、スクリプトの内容や属性を指定して、適切なHTMLタグを生成します。

構文

wp_get_inline_script_tag( string $javascript, array $attributes = array() );

引数の説明:

  • $javascript (string) — インラインスクリプトとして出力するJavaScriptコード。
  • $attributes (array) — スクリプトタグに追加する属性の配列。例えば、array('id' => 'my-script', 'async' => true)。

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

この例では、簡単なアラートメッセージを表示するインラインスクリプトを追加します。

echo wp_get_inline_script_tag("alert('Hello, World!');");

例2: 属性付きのインラインスクリプト

この例では、idとasync属性を持つインラインスクリプトを追加します。

echo wp_get_inline_script_tag("console.log('Script loaded!');", array('id' => 'my-script', 'async' => true));

例3: 複数の属性を指定

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

echo wp_get_inline_script_tag("document.getElementById('demo').innerHTML = 'Hello!';", array('id' => 'demo-script', 'defer' => true, 'data-custom' => 'value'));

例4: 条件付きスクリプトの追加

この例では、特定の条件に基づいてスクリプトを追加します。

if (is_page('about')) { echo wp_get_inline_script_tag("alert('About page loaded!');"); }

例5: スクリプトにクラスを追加

この例では、スクリプトタグにクラスを追加します。

echo wp_get_inline_script_tag("console.log('Class added!');", array('class' => 'custom-script'));

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

この例では、スクリプトのタイプを指定してインラインスクリプトを生成します。

echo wp_get_inline_script_tag("console.log('Type specified!');", array('type' => 'application/javascript'));

例7: スクリプトにカスタムデータ属性を追加

この例では、カスタムデータ属性を追加してインラインスクリプトを生成します。

echo wp_get_inline_script_tag("console.log('Custom data attribute!');", array('data-custom' => 'example'));

注意点

  • インラインスクリプトは、ページのパフォーマンスに影響を与える可能性があるため、必要最小限に抑えることが推奨されます。
  • セキュリティ上の理由から、信頼できないソースからのスクリプトをインラインで追加しないでください。

関連機能：