Learning site for website creation

WordPressブロックエディタのブロックを限定する

  • 投稿日:2021年07月18日

WordPressブロックエディタのブロックの中には使用しないものもあるので、使用するブロックのみに限定する方法。

「functions.php」内の以下のコードを記述する。

表示を許可するブロックを羅列します。非表示にしたいブロックはコメントアウトします。

下記は「詩」ブロックを非表示にしています。

add_filter('allowed_block_types', 'custom_allowed_block_types');
function custom_allowed_block_types($allowed_block_types)
{
  $allowed_block_types = array(
    // テキスト
    'core/paragraph',           // 段落
    'core/heading',             // 見出し
    'core/list',                // リスト
    'core/quote',               // 引用
    'core/code',                // コード
    'core/freeform',            // クラシック
    'core/preformatted',        // 整形済みテキスト
    'core/pullquote',           // プルクオート
    'core/table',               // テーブル
    // 'core/verse',               // 詩

    // メディア
    'core/image',               // 画像
    'core/gallery',             // ギャラリー
    'core/audio',               // 音声
    'core/cover',               // カバー
    'core/file',                // ファイル
    'core/media-text',          // メディアと文章
    'core/video',               // 動画

    // デザイン
    'core/button',              // ボタン
    'core/buttons',             // ボタン
    'core/column',              // カラム
    'core/columns',             // カラム
    'core/group',               // グループ
    'core/more',                // 続きを読む
    'core/nextpage',            // ページ区切り
    'core/separator',           // 区切り
    'core/spacer',              // スペーサー

    // ウィジェット
    'core/shortcode',           // ショートコード
    'core/archives',            // アーカイブ
    'core/calendar',            // カレンダー
    'core/categories',          // カテゴリー
    'core/html',                // カスタムHTML
    'core/latest-comments',     // 最新のコメント
    'core/latest-posts',        // 最新の投稿
    'core/rss',                 // RSS
    'core/social-link',         // ソーシャルアイコン
    'core/social-links',        // ソーシャルアイコン
    'core/tag-cloud',           // タグクラウド
    'core/search',              // 検索

    // 埋め込み
    'core/embed',               // 埋め込み

    // 再利用ブロック
    'core/block',               // 再利用ブロック
  );
  return $allowed_block_types;
}

WordPressのバージョンが上がった時にブロックを調べる方法

WordPress管理画面の投稿/固定ページの編集画面で「F12」を押してChrome検証ツールを表示、コンソールに以下を入力して表示します。

wp.blocks.getBlockTypes();