Webデザイン

WordPress 7.0、PHPだけでブロックが作れる:Reactもビルドも不要に

WordPress 7.0、PHPだけでブロックが作れる:Reactもビルドも不要に

ブロックがWordPressのコアに登場してから7年半、ついにReactもビルド環境も使わずにブロックを作れる仕組みが導入された。CSS-TricksでFränk Kleinが解説したところによると、WordPress 7.0は「PHPだけでブロックを登録できる」新しい手法を用意する。これまでブロックはPHPとJavaScriptの二重登録が必要で、それが多くの制作者にとって参入障壁になっていた。

仕組みの中心はブロックの設定に加わったフラグだ。これを有効にすると、PHP側の登録内容をもとにWordPressが必要なJavaScriptを自動生成する。クライアント側の登録処理も、エディター上のプレビューも含めて生成されるため、Reactを学ぶ必要も、ビルドパイプラインを組む必要も、NPMパッケージを管理する必要もなくなる。

制作者は文字列・数値・真偽値といった属性を定義するだけでよい。あとはを通常どおりPHPで呼び出せば、WordPressが対応するエディターのコントロールを自動で用意してくれる。JavaScriptの知識がなくても、ブロックエディター内で動作するブロックを組み立てられるわけだ。

Kleinが最大の用途として挙げるのは、レガシーなPHPコードのブロックテーマへの移行である。クラシックテーマのまま取り残された無数のサイトにとって、JavaScriptで一から作り直す「高い学習コストと構築コスト」は重い負担だった。PHPだけで書けるようになれば、その障壁が大きく下がる。

ただしKleinは限界も明確に示している。PHPのみのブロックは、ブロック内での編集や、インタラクティブな要素、最新データの反映、現在の投稿コンテキストへのアクセスには対応できない。従来のウィジェットやショートコード、テンプレートパーツの置き換えには最適だが、高度なUXを要する機能豊富なブロックには向かない。適材適所で使い分けることが前提となる。

出典: WordPress PHP-Only Block Registration

Webデザイン
プログラミング

最新のニュース

Latest News

  • McLaren、ワードマークを刷新。創業者の実家のガレージの看板から着想
    McLaren、ワードマークを刷新。創業者の実家のガレージの看板から着想
  • AIエージェントに渡すコンテキストは3種類。NN/gが示すグローバル・ローカル・アンビエント
    AI・2026.09.25
    AIエージェントに渡すコンテキストは3種類。NN/gが示すグローバル・ローカル・アンビエント
  • 1973年生まれの奇妙な書体「Clippy」が復活。左右に揺れる可変フォントとして蘇る
    1973年生まれの奇妙な書体「Clippy」が復活。左右に揺れる可変フォントとして蘇る
  • 「アプリを入れて」はもう要らない。Webの「クリックして開くだけ」という強さ
    UXデザイン・2026.09.25
    「アプリを入れて」はもう要らない。Webの「クリックして開くだけ」という強さ

デジタルデザインの最新情報をお届け!

unprintedのメールマガジンにご登録いただくと、デジタルデザインの最新情報をメールで受け取ることができます。今までに配信したバックナンバーも公開中!

※登録ボタンを押すと利用規約に同意されたものとします。