/** 属性名とアイコンとの key/value 値。 */
const ICONS = {
  info: { label: '情報', icon: cautionFilled },
  warning: { label: '注意', icon: error },
  error: { label: '警告', icon: notAllowed },
};

      {/* ツールバー */}
      <BlockControls>
        <ToolbarGroup>
          {Object.entries(ICONS).map(([key, { label, icon }]) => (
            {/* ツールバーに３種類のボタンを描画し、押したら再描画させる。 */}
            <ToolbarButton
              key={key}
              icon={icon}
              label={label}
              isPressed={type === key}
              onClick={() => setAttributes({ type: key })}
            />
          ))}
        </ToolbarGroup>
      </BlockControls>

      {/* エディターのブロック本体。 */}
      <aside {...useBlockProps({ className: `info-block ${type}` })}>
        {/* アイコンを描画する。 */}
        <Icon icon={ICONS[type].icon} className="info-icon" size={28} />
        <div className={'content'}>
          {/* このカスタムコードブロックは、いかなるコードブロックも入れ子にできる。 */}
          <InnerBlocks allowedBlocks={null} />
        </div>
      </aside>

      <div className={'content'}>
        {/* edit 関数で編集した内容を、反映させる。 */}
        <InnerBlocks.Content />
      </div>

import { registerBlockType } from '@wordpress/blocks';
import './style.scss';

import { Edit } from './edit';
import { save } from './save';
import metadata from './block.json';

// edit 関数と save 関数を、登録する。
registerBlockType(metadata.name, {
  /**
   * @see ./edit.js
   */
  edit: Edit,

  /**
   * @see ./save.js
   */
  save,
});

<?php
/**
 * Plugin Name:       情報カスタムコードブロック
 * Description:       Create Block ツールで作った、ブロックのスキャフォールド例。
 * Version:           0.1.0
 * Requires at least: 6.7
 * Requires PHP:      7.4
 * Author:            WordPress 投稿者
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       customblock-information
 *
 * @package CreateBlock
 */
if ( ! defined( 'ABSPATH' ) ) {
	exit; // 直接実行させることは禁止。
}

/**
 * `blocks-manifest.php` ファイルを使い、ブロックを登録します。これはブロックタイプの登録を高速化します。
 * また自動的に、すべてのアセットも、ブロックエディターとの関係にしたがって
 * 順番に登録（エンキュー）されるようになります。
 *
 * @see https://make.wordpress.org/core/2025/03/13/more-efficient-block-type-registration-in-6-8/
 * @see https://make.wordpress.org/core/2024/10/17/new-block-type-registration-apis-to-improve-performance-in-wordpress-6-7/
 */
function create_block_customblock_information_block_init() {
	/**
	 * ブロックのメタデータを `blocks-manifest.php` から登録し、さらに
	 * そのメタデータに基づいて、ブロックタイプを登録します。
	 * WordPress 6.7 で追加した「ブロックメタデータの登録処理」をさらに簡略化するため、
	 * WordPress 6.8 で追加しました。
	 *
	 * @see https://make.wordpress.org/core/2025/03/13/more-efficient-block-type-registration-in-6-8/
	 */
	if ( function_exists( 'wp_register_block_types_from_metadata_collection' ) ) {
		wp_register_block_types_from_metadata_collection( __DIR__ . '/build', __DIR__ . '/build/blocks-manifest.php' );
		return;
	}

	/**
	 * `blocks-manifest.php` ファイルから、メタデータを登録します。
	 * WordPress 6.7 で、ブロックタイプの登録を高速化するために追加しました。
	 *
	 * @see https://make.wordpress.org/core/2024/10/17/new-block-type-registration-apis-to-improve-performance-in-wordpress-6-7/
	 */
	if ( function_exists( 'wp_register_block_metadata_collection' ) ) {
		wp_register_block_metadata_collection( __DIR__ . '/build', __DIR__ . '/build/blocks-manifest.php' );
	}
	/**
	 * `blocks-manifest.php` ファイルから、ブロックタイプを登録します。
	 *
	 * @see https://developer.wordpress.org/reference/functions/register_block_type/
	 */
	$manifest_data = require __DIR__ . '/build/blocks-manifest.php';
	foreach ( array_keys( $manifest_data ) as $block_type ) {
		register_block_type( __DIR__ . "/build/{$block_type}" );
	}
}
add_action( 'init', 'create_block_customblock_information_block_init' );

	/**
	 * ブロックのメタデータを `blocks-manifest.php` から登録し、さらに
	 * そのメタデータに基づいて、ブロックタイプを登録します。
	 * WordPress 6.7 で追加した「ブロックメタデータの登録処理」をさらに簡略化するため、
	 * WordPress 6.8 で追加しました。
	 *
	 * @see https://make.wordpress.org/core/2025/03/13/more-efficient-block-type-registration-in-6-8/
	 */
	if ( function_exists( 'wp_register_block_types_from_metadata_collection' ) ) {
		wp_register_block_types_from_metadata_collection( __DIR__ . '/build', __DIR__ . '/build/blocks-manifest.php' );
		return;
	}

	/**
	 * `blocks-manifest.php` ファイルから、メタデータを登録します。
	 * WordPress 6.7 で、ブロックタイプの登録を高速化するために追加しました。
	 *
	 * @see https://make.wordpress.org/core/2024/10/17/new-block-type-registration-apis-to-improve-performance-in-wordpress-6-7/
	 */
	if ( function_exists( 'wp_register_block_metadata_collection' ) ) {
		wp_register_block_metadata_collection( __DIR__ . '/build', __DIR__ . '/build/blocks-manifest.php' );
	}

	/**
	 * `blocks-manifest.php` ファイルから、ブロックタイプを登録します。
	 *
	 * @see https://developer.wordpress.org/reference/functions/register_block_type/
	 */
	$manifest_data = require __DIR__ . '/build/blocks-manifest.php';
	foreach ( array_keys( $manifest_data ) as $block_type ) {
		register_block_type( __DIR__ . "/build/{$block_type}" );
	}

<?php
/**
 * Plugin Name:       情報カスタムコードブロック
 * Description:       Create Block ツールで作った、ブロックのスキャフォールド例。
 * Version:           0.1.0
 * Requires at least: 6.7
 * Requires PHP:      7.4
 * Author:            WordPress 投稿者
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       customblock-information
 *
 * @package CreateBlock
 */

<?php
/**
 * Plugin Name:       情報ブロック
 * Description:       情報、警告、エラーメッセージを表示するブロック
 * Version:           0.1.0
 * Requires at least: 6.7
 * Requires PHP:      7.4
 * Author:            （ご自身のお名前）
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       customblock-information
 *
 * @package CreateBlock
 */

npx wp-scripts build --blocks-manifest

npm run build

npx wp-scripts plugin-zip

npm run plugin-zip