【WordPress区块编辑器手册】Z轴堆叠布局
本文介绍已弃用的 Z 轴堆叠布局组件,建议自行编写 CSS。该组件允许沿 Z 轴堆叠元素,通过 isLayered 属性控制层叠顺序,isReversed 可反转顺序,offset 设置子元素间距并支持 LTR 到 RTL 自动切换。需传入 children 属性。
关于Z轴堆叠布局的技术文章和开发文档。
本文介绍已弃用的 Z 轴堆叠布局组件,建议自行编写 CSS。该组件允许沿 Z 轴堆叠元素,通过 isLayered 属性控制层叠顺序,isReversed 可反转顺序,offset 设置子元素间距并支持 LTR 到 RTL 自动切换。需传入 children 属性。
这是一个关于表单字段筛选功能的配置说明文档,详细描述了如何配置字段的筛选器属性、操作符(如大于、包含、等于等)、布局类型(Regular, Panel, Card, Row, Details)以及相关的显示格式和摘要字段设置。该文档还提到了项目作为 Gutenberg 包的一部分,采用 monorepo 组织形式。
本文档深入解析 WordPress 区块编辑器中的样式概念,涵盖 HTML、CSS、区块样式、全局样式及布局样式的生成机制。文章面向区块作者与项目参与者,详解 theme.json 数据整合、样式表构建流程、用户操作对样式的影响,以及区块支持 API 在序列化样式中的应用与限制,帮助开发者构建一致且可定制的编辑体验。
WordPress Grid 包提供实验性网格布局组件,包括 DashboardGrid 二维紧凑网格和 Lanes 瀑布流表面。支持拖拽重排、调整大小及响应式布局,适配 WordPress 编辑器,利用设计令牌实现主题化样式,适用于构建动态仪表板界面。
VisuallyHidden 组件用于渲染视觉上隐藏但能被辅助设备(如屏幕阅读器)读取的文本。使用时需注意其可能产生的布局影响,例如忽略祖先元素的样式或引发意外滚动条。建议在更直接的父级引入堆叠上下文以修复此类问题,遵循最佳实践确保无障碍体验与页面布局稳定。
A comprehensive list of WordPress core blocks and their supported features, including layout, design, typography, interactivity, and specific use cases like social links, tables, and tabs.
所有区块都会出现在插入器、区块转换菜单、样式指南等中。要将区块从用户界面的所有部分隐藏,以便只能通过编程方式插入,将 supports.interactivity.hidden 设置为 true。
本文详细介绍 DataViews 驱动的管理界面配置参考。涵盖从服务器加载的默认布局、可见字段及预配置视图设置。讲解如何通过 REST API 和动态过滤器自定义实体配置,包括表格、网格等布局类型的覆盖策略。同时说明快速编辑表单的字段结构、渲染方式及层级显示选项,帮助开发者灵活定制编辑器体验。
本文详细介绍模态框的设计原则、使用场景及开发指南。模态框作为浮动窗口,用于在用户任务中提供关键信息或请求决策。文章涵盖其聚焦性、直接性及帮助性原则,讲解如何构建包含标题、按钮和遮罩层的结构。同时提供了关于焦点管理、滚动行为、关闭逻辑以及无障碍属性(如 aria 标签)的具体实现建议,适用于 React 等前端框架开发。
本文介绍手风琴组件,展示如何构建可折叠布局并将内容分组到独立部分。内容涵盖设计API版本、混合块类型的特性,包括静态保存与服务器增强的结合。同时讲解块关系允许的内部块配置、属性在block.json中的定义方式,以及通过特定属性设置上下文的方法,适用于前端开发参考。