焦点阴影

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.

本文详解 WordPress 6.3 版本后 theme.json 中阴影设置的变化。介绍如何配置 defaultPresets 禁用默认阴影，并指导用户通过 presets 数组添加自定义 box-shadow 预设。涵盖 Natural、Deep 等核心预设及 Small 至 2XL 的自定义示例，帮助开发者优化按钮块样式与主题视觉效果。

本文介绍已弃用的阴影组件，建议改用 elevation tokens。该核心组件通过阴影系统渲染视觉效果，支持配置活动状态、边框半径、焦点及悬停时的阴影值。同时提供自动计算交互阴影选项、尺寸偏移量及基于样式层级的强度控制，帮助开发者构建具有深度感的界面。

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

本文详细介绍 WordPress theme.json 版本 3 的最新规范与使用指南。涵盖 settings、styles、customTemplates 等核心配置，包括背景、边框、颜色、尺寸、布局、阴影、间距及排版样式的完整设置方法。适用于 WordPress 6.6+ 及最新 Gutenberg 插件，帮助开发者高效管理主题样式与区块自定义选项，实现灵活的响应式设计与视觉定制。

所有区块都会出现在插入器、区块转换菜单、样式指南等中。要将区块从用户界面的所有部分隐藏，以便只能通过编程方式插入，将 supports.interactivity.hidden 设置为 true。

本文介绍基于 WAI-ARIA 复合角色的 React 复合组件，支持方向键导航与焦点循环。涵盖 activeId、focusLoop、virtualFocus 等属性配置，提供 Group、Item、Row 等子组件及 Typeahead 类型提示功能，适用于构建高可访问性的组合小部件与网格界面。

本文详解如何打造符合 WCAG 标准的 WordPress 无障碍主题。涵盖颜色对比度、图片 Alt 文本、键盘操作及标题结构等核心规范，确保视障用户通过屏幕阅读器顺畅访问，助力构建包容性更强的网站体验。

本文介绍了一种可聚焦的iframe增强组件，解决了标准iframe无法检测焦点和内部点击的问题。该组件通过检查窗口事件目标来推断焦点状态，并在iframe上分发模拟的focus事件。支持事件冒泡，允许父组件处理焦点过渡。提供onFocus回调函数及iframeRef属性获取底层DOM引用，用法与标准iframe一致，适用于需要精确控制iframe交互场景的前端开发。

本文介绍外部焦点监听这一 React 高阶组件，用于在焦点真正离开元素时触发特定行为。它封装了判断焦点是否跨上下文转移的逻辑，避免同一组件内焦点切换误触发。通过包装原始组件并定义实例方法即可使用，仅适用于类组件，确保仅在焦点离开目标元素时调用指定函数。