wp_common_block_scripts_and_styles()


WordPressのwp_common_block_scripts_and_styles()関数は、ブロックエディタで使用される共通のスクリプトとスタイルを登録・エンキューするための関数です。

構文

wp_common_block_scripts_and_styles();

例1: 基本的な使用法

ブロックエディタの共通スクリプトとスタイルを読み込む。

add_action('enqueue_block_editor_assets','wp_common_block_scripts_and_styles');

例2: フロントエンドでブロックアセットを読み込む

フロントエンドページでブロック関連のアセットを読み込む場合。

add_action('wp_enqueue_scripts','wp_common_block_scripts_and_styles');

例3: カスタムブロックと一緒に使用

カスタムブロックを登録する際に共通アセットを読み込む。

register_block_type('namespace/block-name',array('editor_script'=>'custom-block-script')); wp_common_block_scripts_and_styles();

例4: 管理画面でのみ読み込む

管理画面専用にブロックアセットを読み込む。

add_action('admin_enqueue_scripts','wp_common_block_scripts_and_styles');

例5: 特定の投稿タイプで使用

特定の投稿タイプの編集画面でのみ読み込む。

add_action('load-post.php',function(){if(get_post_type()==='page'){wp_common_block_scripts_and_styles();}});

例6: スクリプトの依存関係として追加

他のスクリプトの依存関係として共通ブロックアセットを設定。

wp_enqueue_script('custom-script','path/to/script.js',array('wp-blocks'));

例7: テーマファイル内で直接呼び出し

テーマのfunctions.phpファイル内で直接関数を呼び出す。

wp_common_block_scripts_and_styles();

注意点

  • この関数はWordPress5.0以降で利用可能
  • ブロックエディタを使用しない場合、不要なアセットが読み込まれる可能性がある
  • パフォーマンスに影響を与える可能性があるため、必要な場合のみ使用

関連機能：