首页技术文章开发文档关于我们

首页 / 开发文档 / WordPress区块编辑器手册 / 说明

WordPress区块编辑器手册

区块编辑器手册

区块开发环境

Node.js 开发环境开始使用 wp-env 开始使用 create-block 开始使用 wp-scripts

快速入门指南教程：构建你的第一个区块

区块开发基础

区块的文件结构 block.json 注册一个区块区块包装器编辑器中的区块块的字面表示块的静态或动态渲染使用 JavaScript 与区块编辑器协作

术语表常见问题解答

使用样式和样式表创建动态区块嵌套区块：使用 InnerBlocks 扩展查询循环区块

构建自定义区块编辑器

使用 Gutenberg 数据创建您的第一个应用程序

设置创建页面列表构建编辑表单构建创建页面表单添加删除按钮

策展编辑器体验

区块锁定 API 模式 theme.json 过滤器和钩子禁用编辑器功能

在编辑器中加载资源功能标志格式化工具栏 API 国际化元框通知插件侧边栏传播块类型的更新

全局设置与样式（theme.json）主题支持

客户端媒体处理核心数据中的 Thunk

小部件区块编辑器概述恢复经典小工具编辑器关于旧版小部件区块

区块 API 参考

迁移区块以兼容 iframe 编辑器

属性绑定上下文弃用编辑并保存 block.json 中的元数据模式注册选择器样式支持模板转换变体

核心区块参考

手风琴标题手风琴项目手风琴面板手风琴按钮按钮列列评论模板分组主页链接更多导航链接导航覆盖层关闭子菜单分页符分隔符间隔块标签列表标签面板面板标签页目录选项卡选项卡文本列（已弃用）

音频封面文件图库图标图片媒体与文本播放列表曲目播放列表视频

可复用区块

代码详细信息脚注经典标题列表项列表数学不支持段落预格式化引用语引用块表格诗歌

头像面包屑导航评论作者头像（已弃用）评论作者姓名评论内容评论日期评论编辑链接评论回复链接下一页评论评论页码评论上一页评论分页评论标题评论登录/登出导航模式占位符作者简介作者姓名作者（已弃用）评论（已弃用）评论数量评论表单评论链接内容日期摘录特色图片文章导航链接文章模板文章分类预计阅读时间标题无结果下一页页码上一页分页查询标题查询总数查询循环阅读更多站点标志站点标语站点标题模板部分术语计数术语描述术语名称术语模板术语查询

小部件区块

归档日历术语列表输入字段表单提交通知表单提交按钮表单自定义 HTML 最新评论最新文章页面列表项页面列表 RSS 搜索短代码社交图标社交图标标签云

区块过滤器编辑器钩子国际化过滤器解析器过滤器自动完成全局样式过滤器

交互性 API 参考

响应式与声明式思维理解全局状态、本地上下文、派生状态和配置服务端渲染：在服务端处理指令使用 TypeScript 客户端导航客户端导航兼容性

快速入门指南指令与存储关于 Interactivity API 常见问题解答

主仪表板按钮插件块设置菜单项插件文档设置面板插件更多菜单项插件发布后面板插件文档状态信息插件预发布面板插件侧边栏插件侧边栏更多菜单项

RichText 参考

theme.json 参考

theme.json 版本 3 参考（最新版）Theme.json 版本 1 参考 theme.json 版本 2 参考将 Theme.json 迁移到较新版本可用样式选项

查看配置参考

基础字段弹出菜单尺寸控制导航对齐矩阵控件角度选择控件动画自动完成基础控件边框框控制边框控件盒模型控件按钮组按钮卡片正文卡片分隔符卡片页脚卡片头部卡片媒体日期日历卡片日期范围日历复选框控件圆形选项选择器剪贴板按钮颜色指示器颜色调色板颜色选择器组合框控件复合确认对话框可编辑内容控件自定义下拉选择控件后台图标组件日期选择器日期时间时间选择器已禁用分隔线可拖动的拖放区域下拉菜单下拉菜单双色选择器阴影外部链接弹性块弹性项目弹性焦点选择器可聚焦的iframe 字体大小选择器表单文件上传表单切换令牌输入框渐变选择器网格指南水平堆栈标题导航区域高阶组件带限制制表使用回退样式使用过滤器外部焦点监听返回焦点带通知带有语音消息图标输入控件隔离事件容器项目组项目键盘快捷键菜单组菜单项菜单项选择模态框可导航容器导航器注意数字控件面板占位符弹出式面板进度条查询控制单选控件单选按钮组范围控制可调整大小的框调整大小提示响应式包装器沙盒滚动锁定可滚动搜索控件选择控件插槽填充消息提示条间距加载动画表面选项卡面板文本控件文本高亮文本多行文本控件切换控件切换组选项基础控件切换组控制选项图标切换组选项控件切换组控件工具栏按钮工具栏下拉菜单工具栏组工具栏项工具栏工具面板标题工具面板项工具面板工具提示树形网格树形选择器截断单位控制垂直堆叠 VisuallyHidden（视觉隐藏）Z轴堆叠布局

@wordpress/custom-templated-path-webpack-plugin @wordpress/experiments @wordpress/library-export-default-webpack-plugin @wordpress/a11y @wordpress/abilities @wordpress/admin-ui @wordpress/annotations @wordpress/api-fetch @wordpress/asset-loader @wordpress/autop @wordpress/babel-plugin-import-jsx-pragma @wordpress/babel-plugin-makepot @wordpress/babel-preset-default @wordpress/base-styles @wordpress/blob @wordpress/block-directory @wordpress/block-editor @wordpress/block-library @wordpress/block-serialization-default-parser @wordpress/block-serialization-spec-parser @wordpress/blocks @wordpress/boot @wordpress/browserslist-config @wordpress/commands @wordpress/components @wordpress/compose @wordpress/core-abilities @wordpress/core-commands @wordpress/core-data @wordpress/create-block-interactive-template @wordpress/create-block-tutorial-template

@wordpress/create-block

外部项目模板

@wordpress/customize-widgets @wordpress/data-controls @wordpress/data @wordpress/dataviews @wordpress/date @wordpress/dependency-extraction-webpack-plugin @wordpress/deprecated @wordpress/design-system-mcp @wordpress/docgen @wordpress/dom-ready @wordpress/dom @wordpress/e2e-test-utils-playwright @wordpress/e2e-tests @wordpress/edit-post @wordpress/edit-site @wordpress/edit-widgets @wordpress/editor @wordpress/element @wordpress/escape-html @wordpress/eslint-plugin @wordpress/fields @wordpress/format-library @wordpress/global-styles-engine @wordpress/global-styles-ui @wordpress/grid @wordpress/hooks @wordpress/html-entities @wordpress/i18n @wordpress/icons @wordpress/image-cropper @wordpress/interactivity-router @wordpress/interactivity @wordpress/interface @wordpress/is-shallow-equal @wordpress/jest-console @wordpress/kebab-case @wordpress/jest-preset-default @wordpress/keyboard-shortcuts @wordpress/keycodes @wordpress/latex-to-mathml @wordpress/lazy-editor @wordpress/lazy-import @wordpress/list-reusable-blocks @wordpress/media-editor @wordpress/media-fields @wordpress/media-utils @wordpress/notices @wordpress/npm-package-json-lint-config @wordpress/nux @wordpress/patterns @wordpress/plugins @wordpress/postcss-plugins-preset @wordpress/postcss-themes @wordpress/preferences-persistence @wordpress/preferences @wordpress/prettier-config @wordpress/primitives @wordpress/priority-queue @wordpress/private-apis @wordpress/project-management-automation @wordpress/react-i18n @wordpress/react-inert-value @wordpress/readable-js-assets-webpack-plugin @wordpress/redux-routine @wordpress/reusable-blocks @wordpress/rich-text @wordpress/route @wordpress/router @wordpress/scripts @wordpress/server-side-render @wordpress/shortcode

@wordpress/style-engine

@wordpress/style-engine 使用样式引擎生成区块支持样式

@wordpress/style-runtime @wordpress/stylelint-config @wordpress/sync @wordpress/theme @wordpress/token-list @wordpress/ui @wordpress/undo-manager @wordpress/upload-media @wordpress/url @wordpress/video-conversion @wordpress/viewport @wordpress/views @wordpress/vips @wordpress/warning @wordpress/widget-dashboard @wordpress/widget-primitives @wordpress/widgets @wordpress/wordcount @wordpress/worker-threads @wordpress/build

数据模块参考

NUX（新用户体验）数据 WordPress 核心数据注释区块目录区块编辑器的数据区块类型数据命令数据自定义小工具编辑器的 UI 数据编辑站点编辑小工具文章编辑器的数据键盘快捷键数据通知数据偏好设置富文本视口数据可重用区块

核心概念数据流与数据格式实体与撤销/重做。模块化性能自动化测试站点编辑模板编辑器中的样式客户端媒体处理仪表盘小工具系统

区块设计动画资源

贡献者指南

代码贡献入门 Git 工作流编码规范

端到端测试

迁移指南过度使用快照

脚本管理包跨 WordPress 版本测试已发布的软件包工作区开发来自 trunk 的必需更改代理与技能

Gutenberg 发布流程

软件包发布至 NPM 以及 WordPress 核心更新自动挑选

React Native 移动端编辑器

基于 React Native 的移动端 Gutenberg 入门指南 React Native 开发环境配置指南（macOS）React Native 集成测试指南 React Native 国际化指南

向后兼容性弃用如何让你的拉取请求获得审查？

使用 WordPress 设计系统包区块即界面

分类本地化 Gutenberg 无障碍测试仓库管理文件夹结构 WordPress 中的 Gutenberg 版本

说明

最后更新：2026-10-17 10:55:29

架构

关键概念
数据格式与数据流
模块化与 WordPress 软件包。
区块编辑器性能。
数据模块背后的设计决策是什么？
为什么 Playwright 是端到端测试的首选工具？
不同编辑器软件包之间有什么区别？每个软件包的用途是什么？
模板与模板部件的流程

可重用区块架构

本章目录

专注 Web 前端、后端服务与移动端开发的技术分享站点，记录工程实践，沉淀技术文档。

网站导航

首页技术文章开发文档关于我们

热门分类

移动开发人工智能数据库后端开发

友情链接

果果源码文件快转

Copyright © 2026 果果开发版权所有