WordPress5.8にデフォルトで登録されているブロックスタイル一覧

phpまたはjsでブロックスタイルの追加・削除ができるますが、デフォルトでどのようなブロックスタイルが存在するのか？がパッと分からなかったので、本記事で一覧化しておきます。

ブロックスタイル一覧

ブロック名	スタイル名
core/button	fill
core/button	outline
core/image	default
core/image	rounded
core/pullquote	default
core/pullquote	solid-color
core/quote	default
core/quote	large
core/separator	default
core/separator	wide
core/separator	dots
core/site-logo	default
core/site-logo	rounded
core/social-links	default
core/social-links	logos-only
core/social-links	pill-shape
core/table	regular
core/table	stripes

確認方法

WordPress5.8ののソースコードを取得

公式サイトのWordPressを入手にて『WordPress X.X.Xをダウンロード』ボタンを押下します。ZIP化されたファイルがダウンロードできるので、解凍してください。

jqコマンドで各ブロックのblock.jsonを走査

デフォルトのblockスタイルの情報はblock.jsonに記述されています。block.jsonは以下のようにblockフォルダの配下にあります。

wordpress/wp-includes/blocks/${ブロック名}/block.json

たとえば、ボタンブロックのblock.jsonであれば以下の場所にあります。

wordpress/wp-includes/blocks/button/block.json

各ブロックのblock.jsonをすべてみるのは面倒なので、jqコマンドを利用して一括で情報を取得します。（jqコマンドをインストールしていない人は事前にインストールが必要です。）

WordPressのソースを解凍したディレクトリで以下のコマンドを実行します。

jq -r 'select (.styles ) | { blockname : .name, stylename : .styles[].name} | [.blockname, .stylename] | @tsv' wordpress/wp-includes/blocks/*/block.json

以下の結果が得られます。（『ブロック名：スタイル名』をタブ区切りで出力しています。）

core/button	fill
core/button	outline
core/image	default
core/image	rounded
core/pullquote	default
core/pullquote	solid-color
core/quote	default
core/quote	large
core/separator	default
core/separator	wide
core/separator	dots
core/site-logo	default
core/site-logo	rounded
core/social-links	default
core/social-links	logos-only
core/social-links	pill-shape
core/table	regular
core/table	stripes