WordPress 5.5 中的“1.0 版”块模式启动总体上是成功的。但是,在经过数月的期待之后,在等待此功能上线时很容易忽视问题。现在我们已经看到将块模式系统引入核心 WordPress 已有几个月了,是时候解决那些日益明显的问题了。

尽管我喜欢块模式,但我不能对用户界面和整体体验说同样的话。 Gutenberg 9.1 中添加的模式类别下拉列表 对无穷无尽的模式列表进行了明确的改进。然而,以用户友好的方式呈现它们是不够的。

WordPress 长期以来一直习惯于在一个小面板中投入太多内容——例如,许多主题作者从来不想为自定义面板留出足够的空间。块编辑器的插入器面板似乎也是如此。允许最终用户选择块就足够了。但是,该图案比较小的块图标大得多。在接下来的几个月和几年里,随着用户一次滚动浏览数十种模式,这将成为可用性的噩梦。

Paal Joachim Romdahl 提出了一个替代方案。他的想法是添加一个“扩展器”图标/按钮,允许用户通过叠加层一次查看更多样式。至少对于更大的屏幕尺寸(例如桌面用户)来说是这样。

“在一个小的插入器面板中查看许多模式效果不是很好,”他在 GitHub 票证中写道。 “需要一次滚动浏览一个模式很烦人。拥有更大的视图将帮助用户一次比较多个模式。”

当前模式叠加建议。

Romdahl 还创建了一个 Figma 原型,人们可以在其中测试系统在现场演示中的外观。用户界面还没有完善,但看起来是一个很有希望的开始。

他在阅读了 Tavern 对 WordPress.com 的最新报道后创建了这个提案。引入了 100 多个块模式。某些样式类别易于导航和找到正确的布局。其他类别,例如文本和号召性用语类别,可能有 20 个或更多模式可供滚动浏览。

在WordPress.com上插入块模式。

如果 WordPress 创建一个官方块模式目录,目前正在考虑中,则可以通过单击按钮添加新模式。这是一次存储数十种样式的简单方法,尤其是当用户正在尝试各种布局并且以后不卸载未使用的样式时。

很少有用户能够访问 WordPress.com 用户可用的数百种模式。我们应该首先提出这个建议。

插入模式和模板的叠加层并不是一个新概念。这在 WordPress 开发社区中很常见。插件和主题开发人员早就解决了这个问题。

Redux 插件处理数百个模板覆盖:

Redux 库中的视图模板。

来自 Genesis Blocks 插件的 Layout Blocks 本质上只是一个自定义模式插入器,具有比 WordPress 更好的 UI:

由 Genesis 模块的布局模块创建的覆盖图。

Mikael Korpela 在与插入过程的后续步骤相关的工单中添加了类似的想法。他提出了全屏浏览模式的体验。

他在工单中写道:“如果您只想在修改页面时保持打开状态,则样式侧边栏很有用,但空间有限,尤其是当您注册了很多样式时,浏览起来会更困难.

他分享了一张如何处理Squarespace section的图片:

在 Squarespace 网站上选择一个区域。

叠加层也可能有助于驱动模式目录建议。此时,创建一个新选项卡,连接到 WordPress.org API 和允许用户在不使用块编辑器的情况下浏览可安装的模式。

许多此类系统共有的另一个共同特征是一种将模式保存为收藏夹的方法。这使得它们在未来很容易找到。 Paul Lacey 在 WP Builds 每周 WordPress 新闻播客的第 136 集中。他希望客户能够轻松访问他们最常用的块模式。这将是帮助清理块模式的一个很好的奖励用户体验。

像这样:

喜欢正在加载...

资源