Gutenberg编辑器二期开发计划

无评论

作者照片

By 霜天

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 之外。
  • 专注于定制。
  • 升级主题、小部件和菜单。

发表评论