拖放区域

关于拖放区域的技术文章和开发文档。

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

Interactivity API 是 WordPress 的一项功能,允许在客户端导航(不重新加载整个页面)时保持交互式元素的状态和行为。它通过预加载脚本模块、管理服务器状态与客户端状态的合并、以及处理复杂的导航生命周期来实现无缝的用户体验。

2026-10-17 3 后端开发

【WordPress区块编辑器手册】拖放区域

拖放区域组件用于创建占据父元素全尺寸的拖放交互区,支持处理文件、HTML内容等多种拖放事件。该组件提供className样式设置、label文本显示等属性,并支持配置onFilesDrop、onHTMLDrop及通用onDrop回调函数,灵活应对不同业务场景下的拖拽需求。

2026-10-17 1 后端开发
构建自定义区块编辑器

【WordPress区块编辑器手册】构建自定义区块编辑器

本指南详细介绍如何构建自定义 WordPress 区块编辑器。文章涵盖从创建独立管理页面、配置 React 环境到实现块渲染与持久化的完整流程。通过深入解析 Editor、BlockList 等核心组件,帮助开发者掌握 Gutenberg 内部机制,轻松打造功能完备的自定义内容编辑体验。

2026-10-17 2 后端开发
模板组件

【WordPress主题开发手册】模板组件

本文深入解析 WordPress 块主题的模板部分机制。介绍如何创建和管理位于 parts 文件夹的组件文件,包括头部、页脚及侧边栏等常见部分。讲解使用 template-part 块标记加载内容、通过 theme.json 注册部分以及定义自定义区域的完整流程,帮助开发者高效组织主题代码并优化站点编辑体验。

2026-10-05 7 后端开发

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

WordPress Grid 包提供实验性网格布局组件,包括 DashboardGrid 二维紧凑网格和 Lanes 瀑布流表面。支持拖拽重排、调整大小及响应式布局,适配 WordPress 编辑器,利用设计令牌实现主题化样式,适用于构建动态仪表板界面。

2026-10-17 1 后端开发

【WordPress区块编辑器手册】编辑小工具

本文详细介绍 WordPress 编辑器中小工具区域的 API 接口与功能。涵盖区块插入检测、小工具区域状态获取、父级区块查找及引用小工具列表等读取方法。同时提供关闭侧边栏、锁定保存、移动区块、持久化存根文章以及批量转换保存小工具区域等核心动作创建器,帮助开发者高效管理编辑器状态与数据流。

2026-10-17 1 后端开发

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

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

2026-10-17 2 后端开发
常见问题解答

【WordPress区块编辑器手册】常见问题解答

本文全面解析 WordPress Gutenberg 项目,介绍其作为新版编辑器的核心概念、区块机制及发展历程。内容涵盖从基础功能到高级开发的详细解答,包括如何迁移短代码、自定义区块样式、处理可访问性问题以及插件扩展指南,旨在帮助用户轻松掌握现代化网站构建体验。

2026-10-17 1 后端开发

【WordPress区块编辑器手册】@wordpress/interactivity-router

@wordpress/interactivity-router 是 WordPress v6.5 引入的包,支持在不重新加载页面的情况下从其他页面加载内容。它定义了具有命名空间的 Interactivity API store,提供 navigate 和 prefetch 操作及响应式状态。该包旨在在交互块文件中动态导入以减少初始负载,适用于客户端侧导航场景。

2026-10-17 2 后端开发
小工具

【WordPress主题开发手册】小工具

本文详细介绍 WordPress 小部件(Widget)的创建与使用方法。文章涵盖侧边栏区域配置、内置与独立小部件的区别、数据保存机制以及嵌入主题或插件的优势。同时提供完整的 PHP 代码示例,包括类结构、构造函数、注册方式及 HTML 输出逻辑,帮助用户从零开始开发自定义小部件并实现前台展示与后台设置。

2026-10-05 7 后端开发