wp_enqueue_global_styles()


WordPressのwp_enqueue_global_styles()関数は、テーマのグローバルスタイルをエンキュー（登録）するために使用されます。この関数は、テーマのスタイルシートやブロックスタイルを適切に読み込むために役立ちます。

構文

wp_enqueue_global_styles();

例1: 基本的な使用法

テーマのグローバルスタイルをエンキューする基本的な例です。

wp_enqueue_global_styles();

例2: カスタムテーマでの使用

カスタムテーマでグローバルスタイルをエンキューする例です。

add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles() { wp_enqueue_global_styles(); }

例3: 子テーマでの使用

子テーマで親テーマのグローバルスタイルをエンキューする例です。

add_action('wp_enqueue_scripts', 'child_theme_enqueue_styles'); function child_theme_enqueue_styles() { wp_enqueue_global_styles(); }

例4: 特定の条件でのエンキュー

特定の条件（例: フロントページ）でのみグローバルスタイルをエンキューする例です。

add_action('wp_enqueue_scripts', 'conditional_enqueue_styles'); function conditional_enqueue_styles() { if (is_front_page()) { wp_enqueue_global_styles(); } }

例5: 優先度を指定してエンキュー

優先度を指定してグローバルスタイルをエンキューする例です。

add_action('wp_enqueue_scripts', 'priority_enqueue_styles', 20); function priority_enqueue_styles() { wp_enqueue_global_styles(); }

例6: 複数のスタイルをエンキュー

グローバルスタイルと共に他のスタイルもエンキューする例です。

add_action('wp_enqueue_scripts', 'multiple_styles_enqueue'); function multiple_styles_enqueue() { wp_enqueue_global_styles(); wp_enqueue_style('custom-style', get_template_directory_uri() . '/css/custom.css'); }

例7: 非同期でエンキュー

非同期でグローバルスタイルをエンキューする例です。

add_action('wp_enqueue_scripts', 'async_enqueue_styles'); function async_enqueue_styles() { wp_enqueue_global_styles(); wp_style_add_data('global-styles', 'async', true); }

注意点

  • wp_enqueue_global_styles()は、テーマのスタイルを正しく読み込むために、wp_enqueue_scriptsアクションフック内で使用することを推奨します。
  • この関数は引数を受け取らないため、カスタマイズが必要な場合は他の関数と組み合わせて使用します。

関連機能：