Gutenberg（ブロックエディタ）で不要なブロックを隠す方法３選

フック allowed_block_types は、フルサイト編集の対応に伴い、WordPress5.8から非推奨になりました。代わりに allowed_block_types_all を使ってください。

公式ドキュメント
https://developer.wordpress.org/reference/hooks/allowed_block_types/

PHPから使用するブロックだけを指定する方法

以下を 子テーマのfunctions.php などへ追記することで、「段落」「見出し」「画像」の3つのブロックのみを表示とすることができます。

add_filter( 'allowed_block_types_all', 'my_plugin_allowed_block_types_all', 10, 2 );
function my_plugin_allowed_block_types_all( $allowed_block_types, $block_editor_context ) {
	// 許可するブロックタイプ
	$allowed_block_types = array(
		'core/paragraph',
		'core/heading',
		'core/image',
	);
	return $allowed_block_types;
}

JavaScriptで不要なブロックを指定する方法

こちらは、JavaScriptを使って不要なブロックのみを指定する方法です。ここでは例として、カスタマイズ用の独自プラグインを作り、jsファイルを読み込ませる手順をご紹介します。

独自プラグインは、下記を参考すれば簡単に作ることができます。/wp-content/plugins/ のディレクトリに 「my-plugin」フォルダを作成し、その中に my-plugin.php という名前のファイルを設置します。独自プラグイン名は「My Plugin」とします。my-plugin.php には、以下のコードを追記します。その後、ダッシュボードのプラグイン一覧画面から「My Plugin」を有効化してください。

my-plugin.php へ追記

add_action( 'enqueue_block_editor_assets', 'my_plugin_deny_list_blocks' );
function my_plugin_deny_list_blocks() {
	wp_enqueue_script(
		'my-plugin-deny-list-blocks',
		plugins_url( '/js/my-plugin.js', __FILE__ ),
		array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' )
	);
}

次に「my-plugin」フォルダ内「js」フォルダに「my-plugin.js」ファイルを設置します。内容は以下を参考にしてください。これにより、指定したブロックやスタイルのみを非表示とすることができます。

my-plugin.js の内容

// my-plugin.js
wp.domReady(function () {
  // オフにしたいブロックを指定する
  wp.blocks.unregisterBlockType('core/verse'); // 詩

  // 特定の埋め込みブロックの場合
  wp.blocks.unregisterBlockVariation('core/embed', 'twitter'); // twitterを削除
  wp.blocks.unregisterBlockVariation('core/embed', 'youtube'); // youtubeを削除

  // ブロックスタイルの場合
  wp.blocks.unregisterBlockStyle('core/quote', 'large');  //引用 スタイル 大サイズ

  // ブロックタイプ確認方法
  console.log(wp.blocks.getBlockTypes());

  // 埋め込みブロック確認方法
  console.log(wp.blocks.getBlockVariations('core/embed'));
});