wp_initialize_theme_preview_hooks()


WordPressのwp_initialize_theme_preview_hooks()関数は、テーマプレビュー時にフックを初期化するために使用されます。この関数は、カスタマイザーやプレビュー画面でテーマの変更をリアルタイムで反映するためのフックを設定します。

構文

wp_initialize_theme_preview_hooks();

例1: テーマプレビューの初期化

この例では、テーマプレビューのフックを初期化します。

add_action('after_setup_theme', 'wp_initialize_theme_preview_hooks');

例2: カスタマイザーでの使用

カスタマイザーでテーマプレビューのフックを初期化する例です。

add_action('customize_preview_init', 'wp_initialize_theme_preview_hooks');

例3: プレビュー画面でのフック設定

プレビュー画面で特定のフックを設定する例です。

add_action('wp_initialize_theme_preview_hooks', 'custom_preview_hook');
function custom_preview_hook() { echo 'プレビューフックが実行されました。'; }

例4: テーマプレビューのフックを無効化

テーマプレビューのフックを無効化する例です。

remove_action('after_setup_theme', 'wp_initialize_theme_preview_hooks');

例5: カスタムフックの追加

テーマプレビュー時にカスタムフックを追加する例です。

add_action('wp_initialize_theme_preview_hooks', 'custom_hook_example');
function custom_hook_example() { echo 'カスタムフックが実行されました。'; }

例6: プレビュー画面でのCSS変更

プレビュー画面でCSSを動的に変更する例です。

add_action('wp_initialize_theme_preview_hooks', 'custom_css_change');
function custom_css_change() { echo '<style>body { background-color: #f0f0f0; }</style>'; }

例7: プレビュー画面でのJavaScript実行

プレビュー画面でJavaScriptを実行する例です。

add_action('wp_initialize_theme_preview_hooks', 'custom_js_execution');
function custom_js_execution() { echo '<script>console.log("プレビュー画面でJSが実行されました。");</script>'; }

注意点

  • wp_initialize_theme_preview_hooks()は、テーマプレビュー時にのみ動作するため、通常のフロントエンドでは動作しません。
  • この関数を使用する際は、カスタマイザーやプレビュー画面での動作を確認することが重要です。

関連機能：