wp_default_packages_inline_scripts()


WordPressのwp_default_packages_inline_scripts()関数は、デフォルトのスクリプトパッケージ（jQuery、underscore、backboneなど）にインラインスクリプトを追加するために使用されます。

構文

wp_default_packages_inline_scripts();

例1:jQueryにインラインスクリプトを追加

jQueryの初期化スクリプトを追加します。

add_action('wp_default_packages_inline_scripts', function() { echo 'jQuery(document).ready(function($){ console.log("jQuery loaded"); });'; });

例2:Underscore.jsのテンプレート設定

Underscore.js用のテンプレート変数を設定します。

add_action('wp_default_packages_inline_scripts', function() { echo 'var myTemplate = _.template("<h1><%= title %></h1>");'; });

例3:Backbone.jsのモデル定義例4:複数のスクリプトを一度に追加

jQueryとUnderscore用のスクリプトを同時に追加します。

add_action('wp_default_packages_inline_scripts', function() { echo 'jQuery(function($){ $("#test").hide(); }); _.templateSettings.interpolate = /\[\[([\s\S]+?)\]\]/g;'; });

例5:グローバル変数の設定

JavaScriptのグローバル変数を定義します。

add_action('wp_default_packages_inline_scripts', function() { echo 'var myGlobalVar = "Hello World";'; });

例6:エラーチェック用スクリプト

コンソールにログを出力するスクリプトを追加します。

add_action('wp_default_packages_inline_scripts', function() { echo 'console.log("Scripts loaded successfully");'; });

例7:カスタムイベントのトリガー

jQueryのカスタムイベントを設定します。

add_action('wp_default_packages_inline_scripts', function() { echo 'jQuery(document).trigger("myCustomEvent");'; });

注意点

  • この関数はフックで使用するため、直接呼び出しません。
  • 追加するスクリプトが多すぎるとパフォーマンスに影響する可能性があります。
  • セキュリティのために出力内容は必ずエスケープしてください。

関連機能：