gutenberg-docs/docs/contributors/design
2026-03-27 01:08:43 +08:00
..
README.md docs: add 183 translated files 2026-03-27 01:08:43 +08:00
the-block.md docs: add 183 translated files 2026-03-27 01:08:43 +08:00

title post_status comment_status taxonomy
设计贡献 publish open
category post_tag
gutenberg-docs
Design
Contributors
Repos

设计贡献

关于如何开始为 Gutenberg 项目贡献设计的指南。

讨论

Make WordPress Design 博客是获取 WordPress 设计团队最新信息的主要渠道,包括公告、产品目标、会议记录、会议议程等。

设计的实时讨论在 Make WordPress Slack(需要注册)的 #design 频道中进行。设计团队的每周会议于星期三 UTC 时间 19:00 举行。

设计师如何参与贡献?

Gutenberg 项目使用 GitHub 管理代码和跟踪问题。主仓库位于:https://github.com/WordPress/gutenberg

如果您想参与设计或前端贡献,欢迎处理标记为 Needs DesignNeeds Design Feedback 的工单。我们期待您提供深思熟虑的回复、原型图、动态演示、草图或涂鸦。建议的更改最好以最小化且具体的迭代方式进行,以便与前期工作进行比较。

WordPress 设计团队 使用 Figma 进行协作和分享作品。如果您想参与贡献,请加入 Slack#design 频道,并请团队为您设置免费的 Figma 账户。这将使您能够访问 WordPress 使用的实用 组件库

设计原则

本节概述了编辑器界面的设计原则与模式——旨在解释设计背景、指导未来改进,并帮助人们设计出优秀的区块。

Gutenberg Logo

古腾堡标志由 Cristel Rossignol 设计,并基于 GPL 许可证发布。下载 SVG 格式标志

Gutenberg 的目标

Gutenberg 的总体目标是打造一种让创建丰富布局变得轻松的页面和文章构建体验。区块编辑器是遵循这种内容处理方法推出的首个产品。

来自启动公告

编辑器将致力于创造全新的页面和文章构建体验,让撰写富文本文章变得毫不费力,并通过“区块”功能简化当前可能需要短代码、自定义 HTML 或“神秘内容”嵌入发现的操作。

我们可以从中提炼出几个关键原则:

  • 创作富文本文章是 WordPress 的核心优势。
  • 区块将在单一界面下统一功能和交互类型。 用户无需编写短代码、自定义 HTML 或粘贴 URL 来嵌入内容。用户只需了解区块的工作原理即可使用其全部功能。
  • 增强核心功能的可发现性减少难以发现的“神秘内容”。WordPress 支持大量区块和 30 多种嵌入类型。让我们提升它们的可见度。

为何革新

WordPress 区别于其他系统的一大特点是:只要用户掌握 HTML 与 CSS 并能构建自定义主题,就能创造出想象所及的任何丰富文章版式。

古腾堡编辑器将重塑创作体验让用户无需技术背景即可通过点击构建精美版式、撰写富媒体内容。WordPress 将由此成为人人可用的强大灵活内容创作平台。

愿景

Gutenberg 旨在让创作富媒体内容变得更简单。这意味着要确保良好的默认设置,将高级布局选项集成到区块中,并使最重要的操作能够立即执行。任何人都应该能够使用 WordPress 创作内容。

WordPress 网站上的所有内容都成为区块: 无论是插件添加的还是其他方式,文本、图像、图库、小工具、短代码,甚至自定义 HTML 片段都是如此。用户只需学习一个界面 —— 区块界面。

所有区块生而平等。 它们都位于同一个插入器界面中。最近使用、搜索、标签页和分组功能确保最常用的区块触手可及。

拖放是次要的。 为了更好的可访问性和平台兼容性拖放交互是作为点击、Tab 键和空格键等明确操作之上的增强功能来使用的。

占位符是关键。 如果一个区块可以有中性的占位符状态,就应该有。图像占位符区块显示一个打开媒体库的按钮,文本占位符区块显示一个写作提示。通过采用占位符,我们可以预定义可编辑的布局,因此用户只需填空即可。

直接操作是直观的。 区块界面允许用户直接在页面上操作内容。插件和主题作者将通过构建自己的自定义区块来支持和扩展这种体验。

自定义不应需要代码编辑。 传统上,自定义需要复杂的标记,而复杂的标记很容易出错。有了 Gutenberg自定义变得更加直观和安全。开发者将能够提供直接渲染布局部分例如一个三列功能网格的自定义区块并明确指定用户可以编辑的内容。这意味着用户可以更新文本、替换图像、减少列数而无需询问开发者也不必担心破坏布局。