現在、自作ブロックの日本語化を、「ブロックエディターハンドブック／開発ガイド／国際化」に準じて行っていますが、現在の、block.json でスクリプトをロードする方法には適していないので、ここに捕捉事項として記す事にします。

ja.wordpress.org

国際化 – Japanese Team – WordPress.org 日本語

国際化とは何か ? 国際化とはソフトウエア、特にここでは WordPress に対して複数言語のサポートを提供…

ハンドル名の指定

上記でのハンドル名の指定方法は、以下の様になっています。この方法では、wp_register_script で、ハンドル名 myguten-script を指定し、register_block_type の、editor_script で、myguten-script を再度指定しています。

<?php
/**
 * Plugin Name: Simple Block
 * Text Domain: myguten
 */
function myguten_simple_block_init() {
    wp_register_script(
        'myguten-script',
        plugins_url( 'block.js', __FILE__ ),
        array( 'wp-blocks', 'wp-element', 'wp-i18n', 'wp-block-editor' )
    );
 
    register_block_type( 'myguten/simple-block', array(
        'api_version' => 2,
        'editor_script' => 'myguten-script',
    ) );
}
add_action( 'init', 'myguten_simple_block_init' );

その後に、php で、wp_set_script_translations の第一引数に registrer_block_type で登録したハンドル名 myguten-script を指定する方式です。

developer.wordpress.org

wp_set_script_translations() – Function | Developer.WordPress.org

Sets translated strings for a script.

<?php
function myguten_set_script_translations() {
    wp_set_script_translations( 'myguten-script', 'myguten' );
}
add_action( 'init', 'myguten_set_script_translations' );

上記のやり方を、現在の block.json で読み込む方式に置き換えると以下の様になります。

<?php
/**
 * Plugin Name: Simple Block
 * Text Domain: myguten
 */
function myguten_simple_block_init() {
	register_block_type(
		__DIR__ . '/block/build',
	);
}
add_action( 'init', 'myguten_simple_block_init' );

block.json を置いたディレクトリを検索してそれを読み込むという形です。ここでは、ハンドル名は指定していません。block.json の方を見てみると、editorScript の項目がそれらしいのですが、スクリプトのハンドルという言葉はあるのですが、ファイルへのパスを指定するのが通常の様です。

developer.wordpress.org

Metadata in block.json – Block Editor Handbook | Developer.WordPress.org

Starting with the WordPress 5.8 release, we recommend using the block.json metadata file a…

register_block_type では、ハンドル名を渡さずに、WordPress の php の関数 generate_block_asset_handle で第１引数にブロック名、第２引数に editorScript を渡したらハンドル名を取得し国際化が上手くいきましたので、以下に示します。

function myguten_set_script_translations() {
　　$script_handle = generate_block_asset_handle( 'myguten/simple-block', 'editorScript' );
　　wp_set_script_translations( $script_handle, 'myguten' );
}
add_action( 'init', 'myguten_set_script_translations' );

developer.wordpress.org

generate_block_asset_handle() – Function | Developer.WordPress.org

Generates the name for an asset based on the name of the block and the field name provided…

block.json の日本語化

ついでにわかりにくい、block.json の日本語化について以下に記します。上記の、register_block_type に、配列で翻訳対象を列記します。keywords は複数あるので更なる配列にします。

<?php
/**
 * Plugin Name: Simple Block
 * Text Domain: myguten
 */
function myguten_simple_block_init() {
	register_block_type(
		__DIR__ . '/block/build',
		array(
			'title' => _x( 'Simple Block', 'block title', 'myguten' ),
			'description' => _x( 'Example static block scaffolded with Create Block tool.', 'block description', 'myguten' ),
			'keywords' => array(
				_x( 'simple', 'block keyword', 'myguten' ),
				_x( 'static', 'block keyword', 'myguten' ),
				_x( 'tool', 'block keyword', 'myguten' ),
			),
		)
	);
}
add_action( 'init', 'myguten_simple_block_init' );

ブロックによるギャラリープラグインです。一番の特徴は、HTML と CSS だけで動く事です。そのため、プラグインを止めても、保存したコンテンツは残り崩れません。

Simple Block Gallery

画像にタイルとスライダーのエフェクトを追加します。

作者: Katsushi Kawamori

(1) 最終更新: 2日 前

1,000以上サイトで有効化中 検証済み: 7.0

ダウンロード: リリース: 2020-01-22

2026-03-31 09:30 時点の統計

いろいろと凄いギャラリープラグインはありますが、そのほとんどが、プラグインを止めるとコンテンツが崩れてしまいます。プラグインのサポートがあるうちは良いですが、サポートが無くなった場合に苦労する場合が多いので、HTML と CSS だけで動くものがあってもいいかな？と思い、作りました。そのため機能は必要最小限です。

さらに細かく調整したい場合は、ブロックメニュー「HTMLとして編集」で HTML と CSS を編集してください。

仕様

• Masonry
  • １画像の幅を指定できます。
  • 画像間のスペースを指定できます。
  • 画像の角を丸くできます。
• スライダー
  • スライド間隔を指定できます。
  • 注意：CSS のクラスと、@keyframes に、ギャラリーの最初に呼び出される画像の ID を指定していますので、同一投稿内の複数のスライダーの最初の画像に同じ画像を指定すると、表示が乱れます。

動作

はじめに

OGP を取得して、ブログカードを出力するプラグインを作成しました。

Simple Blog Card

OGP を取得し、ブログカードを表示します。

作者: Katsushi Kawamori

(3) 最終更新: 2日 前

3,000以上サイトで有効化中 検証済み: 7.0

ダウンロード: リリース: 2019-11-12

2026-03-31 09:31 時点の統計

動作

使用方法

• ブロックとショートコードの両方に対応しています。
• URL を指定して、それに対応したブログカードを表示させます。
• タイトルと説明を表示する文字数を指定できます。
• OGP 画像を表示します。
• 表示される OGP 画像のサイズを指定できます。
• タイトルと説明を変更できます。
• Line のブログカード風のカードです。色変更ができます。

自分のサイト制作でカスタムテンプレートを使用して行っていた事なのですが、プラグインにしました。

Child Pages Card

子ページのアーカイブをカード形式で表示します。

作者: Katsushi Kawamori

(2) 最終更新: 2日 前

60以上サイトで有効化中 検証済み: 7.0

ダウンロード: リリース: 2019-11-10

2026-03-31 09:30 時点の統計

動作

使用方法

• ブロックとショートコードの両方に対応しています。
• 親ページの ID を指定して、それに対応した子ページを表示させます。
• 昇順・降順の並ぶ替えができます。
• 本文から文字数を指定して抜粋表示します。
• アイキャッチ画像を表示します。アイキャッチ画像が無ければサイトアイコンを表示し、サイトアイコンも無ければ WordPress アイコンを表示します。
• Line のブログカード風のカードです。色変更ができます。