此时,我一直对模式的力量赞不绝口。而且,就在我开始想知道这个功能接下来会是什么样子时,有人提出了一个新想法让我大吃一惊。通常那个人是 Munir Kamal。

他提到他将在本周早些时候分享一个与 WordPress 模式库相关的“小型”页面生成应用程序。今天,他公开宣布,Live at the Center of Gutenberg。

该应用程序仍处于概念阶段,但当前的在线版本运行良好。本质上,它是一个允许用户拼凑模式以构建整个页面的界面。与块编辑器本身不同,用户不能直接编辑内容。相反,他们可以混合和匹配模式、复制代码块并将它们粘贴到 WordPress 安装的编辑器中。

当第一次访问 Gutenberg Hub 上的 Builder 子站点时,用户将在左侧边栏面板中看到一个空白画布,其中包含核心模式类别列表。在页面中插入新图案就像选择类别一样简单,搜索喜欢的设计并单击它:

将模式插入到 Builder 应用程序中。

用户插入单个图案后无需停止。这个项目背后的想法是从多个模式构建一个完整的网页。然后,通过“复制代码”按钮获取生成的块代码并将其粘贴到 WordPress 的编辑器中。这是玩耍和尝试新想法的便捷方式。

默认情况下,模式是为桌面视图呈现的。但是,用户可以检查设计如何响应平板电脑和移动设备。

Builder 直接来自 WordPress 模式目录。此 API 是公开的,允许其他人在其上构建应用程序。

虽然 Kamal 没有表示他会在官方目录之外展示图案,但这可能并非不可能。 Builder UI 在边栏中有一个标记为“Core”的部分。我只是猜测,但我认为他计划在未来扩展这一点。

菜单按钮位于Builder界面的右上角。这将打开导航器界面。它允许访问者自定义页面布局:

右侧导航面板。

可以选择将整个图案向上或向下移动、丢弃或复制。根据我目前的经验,与尝试在 WordPress 编辑器中选择一堆块相比,这是一种更容易进行调整的方法。

我要求的唯一功能是“后退”按钮。打开导航器并删除插入的模式很容易,但通过工具栏区域中的专用按钮撤消操作要快得多。

Gutenberg Hub 的构建器不允许访问者自定义架构的内容。它的目的更多是为了布局创建。当用户将其全部粘贴回他们的 WordPress 编辑器时,定制就会发生。

也许我最喜欢该应用程序的功能是用户可以与他人分享他们的创作。 Builder 为每个变体创建一个自定义 URL,并使其易于在社交媒体上分享:

点击分享按钮后弹出一个窗口。

共享的概念几乎内置于 WordPress 的块系统中。因为一切都建立在一套完善的标准之上,而其他人在其之上构建的工具使得继续为其付费变得容易。

虽然该项目仍处于概念阶段,但我很想知道 Kamal 将来会把它带到哪里。他还分享了该插件的 YouTube 剪辑。

出处