古腾堡是WordPress的现代编辑器。本文介绍区块开发,帮助创建自定义区块。
一、古腾堡简介
基于区块的编辑器,WordPress 5.0+默认。区块:内容的基本单位。可扩展:自定义区块类型。
二、开发环境
@wordpress/scripts:官方开发工具。Node.js和npm。ES6+和JSX。区块插件脚手架:@wordpress/create-block。
三、区块结构
block.json:区块元数据。edit.js:编辑器界面。save.js:前端输出。style.scss:样式。
四、区块属性
attributes:存储区块数据。supports:对齐、颜色等。InspectorControls:侧边栏设置。BlockControls:工具栏按钮。
五、动态区块
PHP渲染:server-side rendering。实时数据:从数据库获取。缓存:提高性能。
六、发布区块
插件形式:可单独安装。主题集成:仅特定主题使用。区块目录:提交到官方目录。