设计令牌

关于设计令牌的技术文章和开发文档。

PHP使用支付宝SDK一点心得

PHP使用支付宝SDK一点心得

文章介绍了PHP版支付宝SDK的两个版本,通用版适用于未使用命名空间的项目,Easy版适用于使用命名空间的项目,提供更便捷的调用方式,并附带了示例代码和配置说明。

2024-07-27 545 后端开发
如何在 Ubuntu 18.04 上安装 Postman

如何在 Ubuntu 18.04 上安装 Postman

本文详细介绍在 Ubuntu 18.04 系统上安装 Postman 的完整步骤。教程涵盖使用 snap 包命令及 Ubuntu 软件中心两种主流安装方法,并指导用户首次启动、登录账户及发送 REST API 请求。同时适用于 Linux Mint 等衍生版,帮助开发者快速搭建 API 测试环境。

2026-10-09 8 后端开发

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

本文介绍 WordPress 设计系统的主题包,包含全面的设计令牌系统与灵活的主题提供器。通过 CSS 自定义属性管理颜色、间距等视觉元素,确保跨应用一致性。支持 React 组件集成,提供无障碍设计保障如 WCAG AA 对比度标准。涵盖安装配置、样式表加载、跨文档渲染及构建工具使用指南,助力开发者高效构建符合规范的主题与应用。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】使用 WordPress 设计系统包

本文深入解析 WordPress 设计系统的核心概念与最佳实践。内容涵盖公共包与私有 API 的边界界定、Gutenberg 组件过渡策略、MCP 服务器及 Storybook 的使用指南。重点讨论了设计令牌的语义化应用、样式预设的配置方法,以及在迁移现有组件时如何保持行为一致性与无障碍性。同时提供了关于 API 兼容性验证、测试覆盖率选择及跨版本契约管理的详细建议,帮助开发者构建稳健的 WordPress 应用程序。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】令牌输入框

本文详细介绍令牌输入框组件,这是一个类似临时编辑器界面的字段,支持通过键入或选择建议来输入以逗号分隔的令牌。组件具备强大的自动补全功能,最多显示一百个匹配建议。它完全支持键盘无障碍操作,如上下箭头选择、Tab键添加等。此外,还涵盖了属性处理、事件回调、自定义渲染器及数据验证等高级用法,是构建复杂表单的理想选择。

2026-10-17 3 后端开发

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

@wordpress/ui 是 WordPress 设计系统的 React UI 组件包,提供基于设计令牌的灵活组件。支持 NPM 安装与主题定制,包含按钮、链接等基础元素及复合组件。遵循一致的模式实现自定义渲染、Ref 转发和状态管理,区分受控与非受控用法,确保在编辑器内外都能开箱即用并保持一致的视觉体验。

2026-10-17 3 后端开发

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

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

2026-10-17 1 后端开发

【WordPress区块编辑器手册】@wordpress/design-system-mcp

本文介绍 WordPress 设计系统的 MCP 服务器,这是一个实验性软件包,旨在为 AI 代理提供组件文档、使用示例和设计令牌。通过该服务器,AI 能准确遵循最新设计指南,避免使用过时组件。它作为机器可读接口,补充了 Gutenberg Storybook 文档的不足,支持 TypeScript 5+ 环境,并包含安装配置与贡献指南。

2026-10-17 1 后端开发

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

@wordpress/docgen 是一款用于生成代码公共 API 文档的工具。它能将入口文件中的 ES6 export 语句及 JSDoc 注释转换为人类可读格式,并支持 TypeScript。该工具可解析相对依赖项,需配合长期支持的 Node.js 版本使用。它还提供丰富的 CLI 选项以自定义输出格式、忽略特定符号或嵌入 Markdown 令牌,是 Gutenberg 项目的重要组成部分,适用于构建和维护高质量的代码文档。

2026-10-17 2 后端开发

【WordPress区块编辑器手册】分隔线

本文介绍已弃用的分隔线组件及其替代方案。当周围组件提供分隔符时,建议优先使用子组件。若需自定义,请使用 CSS 及设计令牌。该布局组件用于分隔相关内容,支持调整边距、方向等属性,在 flex 容器内使用时需注意对齐以确保可见性。

2026-10-17 2 后端开发