ブロックエディターやtheme.jsonを利用しているとブロック名やクラス名が必要になることが多々あります。そんな場合の確認用にカテゴリー別一覧にしました。カテゴリーはブロック挿入ツールの分類に合わせています。
使用したバージョン WordPress 5.9
ブロック名とクラス名の使い道
theme.jsonでのブロック指定
WordPress5.8以降で使われるtheme.jsonでは任意のブロックにスタイルを適用する際にブロック名で指定します。
ブロックスタイルの追加時
ブロックに独自のスタイルを追加する場合も該当するブロック名が必要になります。
クラス名
編集中のブロックエディター上で表示されているブロック、またはそれによって実際に書き出されたブロックのクラス名です。
カテゴリー別ブロック名
テキスト
表示名 | ブロック名 | クラス名 |
---|---|---|
段落 | core/paragraph | なし |
見出し | core/heading | なし |
リスト | core/list | なし |
引用 | core/quote | wp-block-quote |
コード | core/code | wp-block-code |
整形済みテキスト | core/preformatted | wp-block-preformatted |
プルクオート | core/pullquote | wp-block-pullquote |
テーブル | core/table | wp-block-table |
詩 | core/verse | wp-block-verse |
メディア
表示名 | ブロック名 | クラス名 |
---|---|---|
画像 | core/image | wp-block-image |
ギャラリー | core/gallery | wp-block-gallery |
音声 | core/audio | wp-block-audio |
カバー | core/cover | wp-block-cover |
ファイル | core/file | wp-block-file |
メディアとテキスト | core/media-text | wp-block-media-text |
動画 | core/video | wp-block-video |
デザイン
表示名 | ブロック名 | クラス名 |
---|---|---|
ボタン | core/button | wp-block-buttons wp-block-button |
カラム | core/columns | wp-block-columns wp-block-column |
グループ | core/group | wp-block-group |
行 | core/group | wp-block-group |
続き | core/more | wp-block-more |
ページ区切り | core/nextpage | wp-block-nextpage |
区切り | core/separator | wp-block-separator |
スペーサー | core/spacer | wp-block-spacer |
※ 1つ以上のボタンを囲む要素と内包するボタンそれぞれにクラス名が付与されます。
※ 1つ以上のカラムを囲む要素と内包するカラムそれぞれにクラス名が付与されます。
※ ページ区切りはエディター上のブロックにのみクラス名が付与されます。
ウィジェット
表示名 | ブロック名 | クラス名 |
---|---|---|
アーカイブ | core/archives | wp-block-archives |
カレンダー | core/calendar | wp-block-calendar |
カテゴリー | core/categories | wp-block-categories |
カスタムHTML | core/html | wp-block-html |
最新のコメント | core/latest-comments | wp-block-latest-comments |
最新の投稿 | core/latest-posts | wp-block-latest-posts |
固定ページリスト | core/page-list | wp-block-page-list |
RSS | core/rss | wp-block-rss |
検索 | core/search | wp-block-search |
ソーシャルアイコン | core/social-links | wp-block-social-links |
タグクラウド | core/tag-cloud | wp-block-tag-cloud |
※ カスタムHTMLはエディター上のブロックにのみクラス名が付与されます。
テーマ
表示名 | ブロック名 | クラス名 |
---|---|---|
ナビゲーション | core/navigation | wp-block-navigation |
サイトロゴ | core/site-logo | wp-block-site-logo |
サイトのタイトル | core/site-title | wp-block-site-title |
サイトのキャッチフレーズ | core/site-tagline | wp-block-site-tagline |
クエリーループ | core/query | wp-block-query |
投稿一覧 | core/query | wp-block-query |
投稿タイトル | core/post-title | wp-block-post-title |
投稿の抜粋 | core/post-excerpt | wp-block-post-excerpt |
投稿のアイキャッチ画像 | core/post-featured-image | wp-block-post-featured-image |
投稿コンテンツ | core/post-content | wp-block-post-content |
投稿者 | core/post-author | wp-block-post-author |
投稿日 | core/post-date | wp-block-post-date |
投稿カテゴリー | core/post-terms | wp-block-post-terms |
投稿タグ | core/post-terms | wp-block-post-terms |
次の投稿 | core/post-navigation-link | wp-block-post-navigation-link |
前の投稿 | core/post-navigation-link | wp-block-post-navigation-link |
投稿コメント | core/post-comments | wp-block-post-comments |
ログイン/ログアウト | core/loginout | wp-block-loginout |
タームの説明 | core/term-description | wp-block-term-description |
アーカイブタイトル | core/query-title | wp-block-query-title |
参考リンク
WordPress.org – Core Blocks Reference

