WEB制作者向け無料テーマ「Arkhe」をリリースしました

ブロックエディター(Guternberg)に用意されているブロック名とカテゴリー名一覧【WordPress】

WordPressの新エディター、Gutenberg(ブロックエディター)でブロックをカスタマイズする上で、コアブロックの名前を覚えておくと便利です。

また、カスタムブロックを作る際は、既存のブロックカテゴリーに追加することもできるので、カテゴリー名も覚えておきたいところ。

とはいってもいちいち覚えてられないので、一覧にしてまとめておくことにしました。

目次

ブロックカテゴリー一覧

ブロックカテゴリーというのは、ブロック追加パネル(インサーター)に出てくる、ブロックを用途ごとに分類しているカテゴリーのことです。

一般ブロック」や「フォーマット」・「レイアウト」などのことです。

'common'      // '一般ブロック'
'formatting'  // 'フォーマット'
'layout'      // 'レイアウト要素'
'widgets'     // 'ウィジェット'
'embed'       // '埋め込み'
'reusable'    // '再利用ブロック'

確認方法

function dump_block_categories( $categories, $post ) {
    var_dump($categories);
    return $categories;
}
add_filter( 'block_categories', 'dump_block_categories', 10, 2 );

 

ブロック名一覧

/**
 * カテゴリー:一般ブロック
 */
'core/paragraph',           // 段落
'core/heading',             // 見出し
'core/image',               // 画像
'core/quote',               // 引用
'core/gallery',             // ギャラリー
'core/list',                // リスト
'core/audio',               // 音声
'core/cover',               // カバー
'core/file',                // ファイル
'core/video',               // 動画


/**
 * カテゴリー:フォーマット
 */
'core/code',                // ソースコード
'core/freeform',            // クラシック
'core/html',                // カスタムHTML
'core/preformatted',        // 整形済み
'core/pullquote',           // プルクオート
'core/table',               // テーブル
'core/verse',               // 詩


/**
 * カテゴリー:レイアウト要素
 */
'core/button',              // ボタン
'core/columns',             // カラム
'core/media-text',          // メディアと文章
'core/more',                // 続きを読む
'core/nextpage',            // 改ページ
'core/separator',           // 区切り
'core/spacer',              // スペーサー


/**
 * カテゴリー:ウィジェット
 */
'core/shortcode',           // ショートコード
'core/archives',            // アーカイブ
'core/categories',          // カテゴリー
'core/latest-comments',     // 最新のコメント
'core/latest-posts',        // 最新の記事


/**
 * カテゴリー:埋め込み
 */
'core/embed',               // 埋め込み
'core-embed/twitter',       // Twitter
'core-embed/youtube',       // YouTube
'core-embed/facebook',      // Facebook
'core-embed/instagram',     // Instagram
'core-embed/wordpress',     // WordPress
'core-embed/soundcloud',    // SoundCloud
'core-embed/spotify',       // Spotify
'core-embed/flickr',        // Flickr
'core-embed/vimeo',         // Viemo
'core-embed/animoto',       // Animoto
'core-embed/cloudup',       // Cloudup
'core-embed/collegehumor',  // CollegeHumor
'core-embed/dailymotion',   // Dailymotion
'core-embed/funnyordie',    // Funny or Die
'core-embed/hulu',          // Hulu
'core-embed/imgur',         // Imgur
'core-embed/issuu',         // Issuu
'core-embed/kickstarter',   // Kickstarter
'core-embed/meetup-com',    // Meetup.com
'core-embed/mixcloud',      // Mixcloud
'core-embed/photobucket',   // Photobucket
'core-embed/polldaddy',     // Polldaddy
'core-embed/reddit',        // Reddit
'core-embed/reverbnation',  // ReverbNation
'core-embed/screencast',    // Screencast
'core-embed/scribd',        // Scribd
'core-embed/slideshare',    // Slideshare
'core-embed/smugmug',       // SmugMug
'core-embed/speaker-deck',  // Speaker Deck
'core-embed/ted',           // TED
'core-embed/tumblr',        // Tumblr
'core-embed/videopress',    // VideoPress
'core-embed/wordpress-tv',  // WordPress.tv

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次