后代块

关于后代块的技术文章和开发文档。

【WordPress区块编辑器手册】嵌套区块:使用 InnerBlocks

本文深入解析 WordPress Gutenberg 中 InnerBlocks 组件的核心用法,涵盖嵌套区块创建、allowedBlocks 子代限制、orientation 方向设置及 defaultBlock 默认块配置。同时介绍 template 与 templateLock 属性实现模板预填充与锁定机制,详解 parent、ancestor 等父子关系定义方式,并讲解 useInnerBlocksProps React Hook 的高级应用技巧,助力开发者构建灵活的自定义块系统。

2026-10-17 2 后端开发
上下文

【WordPress区块编辑器手册】上下文

本文介绍 WordPress 块上下文功能,允许祖先块为后代块提供可消费的值。该功能支持 React Context 理念,适用于全站编辑场景,如博客目录模板。通过注册设置定义上下文,避免硬编码值冲突,支持服务器端与客户端实现,帮助开发者构建灵活的可复用块组件。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】客户端导航兼容性

本文详解 WordPress 客户端导航的兼容性要求与实现指南。涵盖非交互式、使用 Interactivity API 及原生 JS 交互区块的兼容策略,重点说明 CSS 样式注入、脚本模块加载、DOM 结构稳定性及状态同步等关键实践,帮助开发者确保页面过渡流畅且功能正常。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】已禁用

Disabled 是一个用于禁用可聚焦后代元素并阻止指针交互的组件。它适用于包裹表单以禁用所有输入,并通过上下文检测自身状态。在不支持 HTML 属性的浏览器中,建议添加官方 WICG polyfill 以确保功能正常,提升应用兼容性与用户体验。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】@wordpress/element

@wordpress/element 是基于 React 构建的 WordPress 核心包,提供处理 React 组件和元素的实用工具。它包含 createElement、cloneElement、createContext 等函数,支持函数组件开发,帮助开发者在 ES2015+ 环境中高效构建区块 UI,协调页面状态与输出关系。

2026-10-17 2 后端开发
什么是主题?

【WordPress主题开发手册】什么是主题?

本文深入解析 WordPress 主题的核心概念与设计原理。文章详细介绍了块主题、经典主题及混合主题的区别与特性,阐述了如何通过站点编辑器和 theme.json 文件自定义布局、字体及配色方案。同时,内容强调了将关键功能通过插件实现而非嵌入主题的最佳实践,帮助开发者构建美观且功能独立的网站设计。

2026-10-05 13 后端开发
阅读本手册

【WordPress主题开发手册】阅读本手册

本文介绍现代 WordPress 主题开发基础,涵盖 HTML、CSS、PHP 等核心技术及工具设置。详解如何阅读手册中的代码示例,理解命名空间与唯一前缀的重要性以避免冲突。内容包含块主题构建指南、模板层次结构、theme.json 全局样式设置以及经典主题文档导航,适合新手入门与开发者进阶查阅。

2026-10-05 8 后端开发
快速入门指南

【WordPress主题开发手册】快速入门指南

本文是 WordPress 块主题开发的快速入门指南。文章介绍了如何利用 Twenty Twenty-Four 等默认主题学习构建方法,通过站点编辑器进行样式和全局设置自定义。教程详细讲解了使用内置导出器或官方“创建块主题”插件将自定义设计导出为独立 ZIP 文件的过程,并说明了如何重命名及修改 style.css 中的主题信息,帮助开发者在不编写复杂代码的情况下成功创建并发布第一个专属 WordPress 主题。

2026-10-05 8 后端开发