カスタムブロック「コールアウト」最小実装
block.json と save 関数だけのシンプルなカスタムブロック。@wordpress/create-block を使わない最小構成。
解説
block.json で属性とエディタスクリプトを定義 → JS で edit / save を実装。tone 属性を 3 段階に切り替えるツールバーボタン付きの最小実装。プラグインや theme 内 blocks/ ディレクトリに配置。
いつ使うか
- ブロックエディタを使ったサイト構築
- 独自ブロック開発
- 編集権限を制限したい運用環境
適用時の注意点
ブロックエディタは WordPress 5.0+ が前提。block.json ベースの登録が現代の推奨方法です。
よくある質問
このコードはどこに貼れば良いですか？
子テーマの
functions.php もしくは Code Snippets プラグインに貼り付けて有効化してください。WordPress のバージョンによって動きませんか？
本サイトは WordPress 6.x 系（2026 年時点）を前提に動作確認しています。
プラグインと競合する可能性はありますか？
同じフィルタフックを別プラグインが使っている場合、競合する可能性があります。
商用利用できますか？
はい。moatway がオリジナル制作した PHP コードは商用・個人問わず自由にご利用いただけます。