GutenbergエディターでCocoonブロックカテゴリーを先頭に表示する方法

はじめに

Gutenbergエディターでは、ブロックカテゴリーの表示順がテーマやプラグインによって制御されています。
特に Cocoonテーマでは、独自ブロックが標準カテゴリーの後ろに表示されるため、使用頻度の高いブロックが探しづらくなることがあります。

そこで、Cocoonブロックをまとめて先頭に表示します。
この記事では、この方法について説明します。

完成イメージ

実装手順

以下のコードをfunctions.phpに追加する。

add_filter('block_categories_all', function ($categories) {
  $cocoon = [];
  $rest = [];

  // 全ブロックカテゴリーを走査
  foreach ($categories as $category) {
    // 「cocoon-」で始まるスラッグをCocoonブロックとして分類
    if (strpos($category['slug'], 'cocoon-') === 0) {
      $cocoon[] = $category;
    } else {
      $rest[] = $category;
    }
  }

  return array_merge($cocoon, $rest);
}, 9999, 2);

さいごに

今回紹介した方法を使えば、Cocoon独自ブロックをGutenbergエディターのブロック追加画面で常に見つけやすい位置に配置できます。
表示順を調整するだけなので、ブロックの登録処理やテーマ本体に影響を与えず、安全にカスタマイズできる点も大きなメリットです。
ブロック数が増えてきた場合や、編集効率を上げたいときに、ぜひ活用してみてください。