Anne McCarthy 宣布了全站编辑 (FSE) 外展计划的第二轮测试。测试调用要求用户在 Gutenberg 插件的网站编辑器中创建主页。反馈开放至 3 月 5 日。

第一轮测试于 2020 年 12 月开始,上个月结束。测试人员能够使用块编辑器中的模板编辑模式识别几个痛点。该程序创建了古腾堡开发人员可以改进的可操作项目。

第二轮类似。但是,测试覆盖的区域更大、更复杂。用户正在离开熟悉的块编辑器,转而使用站点编辑器,距离可行的产品还有几个月的时间。

麦卡锡列出了构建主页的 22 个步骤。当我遵循它时,大多数情况下,我会在完成之前感到无聊。这也是我考试成绩不好的原因之一。我喜欢自己探索,看看有什么可能。如果有想法,我想尝试实现它。我主要坚持整个剧本,即使它有点乱。

最终,我为一家名为 The Grilled Cheese 的餐厅创建了一个自定义主页 - 如果我离开 WordPress 社区,我肯定会在现实世界中推出这家餐厅。

自定义带有侧边栏的餐厅主页。

很简单。总而言之,在达到这个阶段之前,我花了大约两个小时研究各种概念。构建我满意的东西需要几个小时。

总的来说,我觉得在布局一个理想的主页方面有局限性。每一步都是与工具的艰苦战斗。我可以使用 HTML 和 CSS 在不到一半的时间内构建它。我可以使用 WordPress 的其他现代页面构建器插件做同样的事情,甚至更多。

在深入研究测试结果之前,我要坦白一些。 Block TT1(用于 FSE 扩展测试)尚不可用。主题不能可靠地处理站点编辑器置于最终用户手中的多种可能性。更好的主题可以让整个体验更流畅。但是,选项有限,我不确定现在是否有更好的基于块的主题可用。

站点编辑器和前端之间存在太多不一致之处,无法一一列举。间隔严重偏离。我一般认为这是一个主题问题。我花了很多时间在试错模式下,在编辑器中进行调整,然后刷新以查看前端结果。冲洗。重复。

找准痛点

虽然本文是对站长的批评,但不代表体验全是坏的。我每周看到的改进让我希望 WordPress 将拥有一个可以与市场上任何东西相媲美的网站编辑器。最后。但是,我的目标是提供团队可以使用的真实反馈。

除了前面提到的一般间距问题外,我在构建自定义主页时还发现了几个绊脚石。

最大宽度

在通过网站编辑器设计整个网站页面时,有一个问题比大多数问题都突出。 WordPress 缺乏完善的“最大宽度”系统。作为用户,在设置主页内容区域的宽度时我别无选择。目前,主题作者可以设置自定义内容、宽度和全宽。然而,这个系统非常有限。主题作者无能为力,这个问题直接限制了用户在块和站点编辑器中可以做的事情。

我之前写过关于需要一个由主题作者定制的设计框架。 Tailwind CSS 有一个最大宽度系统,提供了很大的灵活性。 WordPress 需要开始借鉴这些现代设计框架的想法。

添加块图标

当悬停在默认内容区域中的元素之间时,会出现添加块图标。我必须将鼠标放在正确的位置才能显示出来。这是一种挫败感的练习,哪怕是最轻微的动作都会让图标再次消失。

找到“添加区块”图标。

切换到顶部工具栏模式可以使这更容易。我假设默认的块工具栏以某种方式隐藏了它。切换到此模式的问题是我的工具栏选择没有保存。每次返回站点编辑器时都必须再次启用它。

查询块

在自定义主页上列出帖子最令人沮丧的方面是设置限制。我想将数字设置为三。但是,查询块没有执行此操作的选项。最后,我使用类别过滤器创建了一个假限制,选择了只有几篇文章的限制。

使用带有查询块的类别过滤器来限制帖子。

查询块的另一个令人困惑的方面是关键字过滤器。据我所知,WordPress 从未使用过“关键字”一词。在 SEO 插件之外,这个过滤器的作用似乎没有任何背景。我想它就像一个搜索关键字。

所有块的全局样式

切换到“全局样式”面板时,我注意到在块级应用样式时缺少一些块。特别是,我想调整“最新评论”块的样式。

我猜只有带有排版、颜色和其他与设计相关的选项的块才会出现在列表中。当站点编辑进入 WordPress 时,这可能会使最终用户感到困惑。所有块都应具有用户可自定义的样式选项。

没有全角栏

对于我的主页内容,我正在尝试创建一个全角栏块。然而,尽管这两个单独的列分别占据了 66.67% 和 33.33%,但它们的大小仍然受到限制。

全角栏不覆盖整个区域。

这似乎是一个主题问题。我还想指出,这是对 max-width 进行更直接控制会有所帮助的时代之一。我真的想要介于主题的全宽和宽度之间的东西。

Featured Image

无法设置Post Featured Image块输出的图像大小。目前获得统一尺寸的唯一方法是在将图像上传到 WordPress 之前预先裁剪图像。

没有理由不认为这基本上是图像块的变体。特色图片所需的唯一区别是链接到帖子的选项。

喜欢这样:

喜欢正在加载...

来源