Gutenberg编辑器二期开发计划

Gutenberg编辑器已经集成到 WordPress 5.0,但是目前可以使用这个编辑器的地方,仅限于文章正文部分,今天看到官方针对Gutenberg编辑器的二期开发计划,将Gutenberg编辑器应用到正文以外的地方,比如 侧边栏小工具、外观-自定义、菜单 等,一起来看下预览。

format,webp

Gutenberg的第 1 阶段旨在让用户更轻松、更灵活地编辑帖子和页面,利用块作为主要交互模式,提供更高的技巧,特别是对于非技术用户。下一阶段试图将这个想法扩展到帖子之外,允许在 WordPress 中编辑和自定义网站的其余部分。此过程还旨在消除用户必须通过的复杂障碍——例如多层抽象和导航——并减少定制网站整体外观和功能所需的技术知识量。 

Gutenberg 的下一阶段将采用基于块的编辑引入的易用性,并将该功能扩展到定制器,从小部件开始,使用户更容易定制他们网站的其余部分。

在第 2 阶段的第一步中,我们将块引入定制器以创建更一致的用户体验,并为开发人员提供更顺畅的途径将主题升级到古腾堡。从长远来看,我们将扩展当前的 Gutenberg 帖子和页面编辑器,使其成为一个成熟的站点编辑器,将所有内容整合到一个统一的、现代的产品体验中。

format,webp
Gutenberg编辑器二期开发计划 13
format,webp
Gutenberg编辑器二期开发计划 14
format,webp
Gutenberg编辑器二期开发计划 15

如果您当前有一个这样的网站,并且您想要编辑任何不属于帖子内容的小部件,您必须使用这样的界面:

widgets old

它确实与您在网站前端看到的任何东西都脱节了,它需要您对左侧的小部件列表进行排序,然后知道如何将它们拖放到右侧的这些不同的小部件区域中。更重要的是,如果您考虑小部件,它们代表了一个真正早期的块概念——它们是您可以添加到站点的内容和功能的离散区域。但现在有了古腾堡,我们有了更先进、更优雅、更强大的块概念以及如何与它们交互。

第 2 阶段的第一步将涉及升级小部件UI,以合并现代块编辑器,该编辑器与您在 Gutenberg 中编辑页面和帖子的方式一致,从而在您网站的不同区域创建清晰、一致的编辑体验。

小部件

在 widgets.php 中

widgets.php 会变得更像这样,这是一个早期的草图,但你可以看到所有这些小部件都表示为块。

format,webp
Gutenberg编辑器二期开发计划 16
format,webp
Gutenberg编辑器二期开发计划 17

在定制器中

blocks in customizer

菜单

我们目前仍在研究可以改善菜单管理体验的多种方法。 

在 nav-menus.php 中

menus new

排队

menus inline

在上下文中编辑块

一旦我们将小部件和菜单等其他元素转换为块,我们在第 3 阶段(或 2+,取决于事情的进展)可以做的是将所有这些元素整合到一个完整的站点编辑器中,您不再需要在定制器菜单中寻找控件,但可以只编辑您网站上的菜单和小部件等块。

format,webp
Gutenberg编辑器二期开发计划 18
format,webp
Gutenberg编辑器二期开发计划 19

相反,您可以在需要的地方添加块,并在上下文中查看它们的预览。一旦我们将所有这些整合在一起,我们就开始实现 WordPress 的愿景,即让网络以一种强大、灵活的方式完全可编辑,并且从初学者到专家的每个人都可以访问。

回顾一下,古腾堡第二阶段将:

  • 在 post_content 之外。
  • 专注于定制。
  • 升级主题、小部件和菜单。

发表评论

Crypto logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus cursus rutrum est nec suscipit. Ut et ultrices nisi. Vivamus id nisl ligula. Nulla sed iaculis ipsum.

Contact

Company Name

Address