古腾堡是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。实时数据:从数据库获取。缓存:提高性能。

六、发布区块

插件形式:可单独安装。主题集成:仅特定主题使用。区块目录:提交到官方目录。