Block Editor自定义块完整开发流程
2026年的自定义块开发已完全迁移到@wordpress/create-block脚手架和block.json元数据驱动模式。开发流程:npx @wordpress/create-block my-block生成模板 → 在block.json中定义属性、编辑器和样式 → 用useBlockProps()和RichText/InnerBlocks构建编辑器UI → 在render.php(推荐)或save.js中定义前端输出。
关键决策点:静态块 vs 动态块。如果块的HTML输出依赖实时数据(如最新文章列表),必须使用动态块(render.php),因为save.js的输出在保存时就被固化了。block.json的supports对象可以一行代码实现对齐、间距、颜色等原生块支持,不要重复造轮子。

发表回复