読み込まれるCSSの数が多いどのように読み込む/読み込まれるのかフロント側、エディタ側どちらで読み込まれるのかなどこんがらがるポイントが多かったので、まとめてみました。style.min.css{wp_dir}/wp-includes/css/dist/block-library/style.min.cssGithub:WordPress/wp-includes/css/dist/block-library/style.cssフロント側で自動的に読み込まれる最初のCSS。各ブロックの基本的なレイアウトを定義しており、特にブロックエディタ用のCSSを用意していなくても、ある程度いい感じに表示してくれるのはこのCSSのおかげ。無効化する事も出来ます。)などの基本的なスタイルすら適用されなくなるので、全ブロックをフルカスタマイズしてやろうという本気の方以外は、有効にしたままの方が良いです。theme.min.css{wp_dir}/wp-includes/css/dist/block-library/theme.min.cssGithub:WordPress/wp-includes/css/dist/block-library/theme.cssフロント側で読み込まれる二つ目のCSS。加え、もう少し見栄え良くスタイルを整えてくれます。手動で読み込む必要があります。コードもそれほど多くないので、読み込まずに自前でスタイルを用意してもよいと思います。load-styles.php{wp_dir}/wp-admin/load-styles.phpGithub:WordPress/wp-admin/load-styles.phpエディタ側で自動的に読み込まれる最初のCSS。ブロックエディタ含め、管理画面全体のCSSが定義されています。使うと、フロント側・エディタ側両方で読み込まれます。load-styles.phpと、標準で読み込まれるCSSが違います。スタイリングのされ方も若干異なるので、一つのCSSプロパティ・値で見え方を完全に統一させることは難しいです。)でラップするはずなので、共通のセレクタを使う事が出来ません。)を使うと、エディタ側・フロント側とも想定外のパーツにスタイルが当たってしまう懸念があります。一つの用途として、ブロックにスタイルを適用した時に「is-style-XXX」といったクラス名がエディタ・フロントともに自動付与されるので、双方のブロックスタイルの見え方を共通のCSSで管理したい、といったケースに使えるのではないかと思います。style.css※ファイル名は任意フロント側で読み込まれるCSS。)の次に読み込まれるCSSです。一般的に、ヘッダー・フッター・サイドバー等のコンテンツ部以外をスタイリングするためのサイトのベースとなるCSSや、リセットCSS、各種ライブラリのCSSなどを読み込みます。使うと、エディタ側で読み込まれます。エディタ側で読み込まれるという違いがあります。エディタ側のブロックをスタイリングするためのCSSとして使われます。editor-style.css※ファイル名は任意クラシックエディタでも使われるエディタ側のCSSで、以下のコードで読み込みます。等)の後と、一番最後に読み込まれます。いうクラスが自動的に挿入されます。)このCSSいついては使い所がまだ分かっていませんが、クラシックエディタ向けのスタイルを書いたりしたら良いんじゃないかと思います。Releasestheme.jsonXGitHubWordPressYouTube。