使用最新版本的Gutenberg插件和TT1 Blocks建立一个高等院校的头条新闻站

感觉WordPress社区已经很久没有呼吁测试全站编辑（FSE）功能了。FSE推广计划处于一个小的停顿期。然而，WordPress 5.8的发布也在上个月进行。

该计划是公开征集测试FSE的各种组件。到目前为止，志愿者们已经成功地对已经在核心WordPress中登陆的功能提供了反馈，比如基于块的小部件和模板编辑。测试者已经深入研究了其他尚未发布的功能。每一轮测试都对任何能够抽出一点空闲时间并分享他们的发现的人开放。我们的目标是打破常规，指出用户体验中存在问题的地方。

FSE拓展#9是一个由社区驱动的建议，要求建立一个高等教育网站的标题。志愿者被要求使用最新版本的Gutenberg插件和TT1 Blocks主题中的网站编辑器测试功能，遵循26个步骤。

我很喜欢这种测试方式，项目负责人安妮-麦卡锡（Anne McCarthy）似乎倾向于在未来做更多这样的测试。”她在公告中写道：”如果你想为测试呼吁提出一个想法，我们非常欢迎，所有的想法都将与当前的项目优先级进行权衡，以找出最合理的做法。

由于该项目是关于高等教育的，我决定向我的母校致敬，并使用我在校园里自豪地穿了五年的颜色–直到今天仍然如此。下面的截图就是最终的结果：

在往前走之前，我必须承认，为了获得最后的外观，我作了弊。测试通知要求我们以TT1 Blocks主题为基础。我能够接近这个结果，但我不得不切换到我一直在做的一个自定义主题，以克服一些障碍。

我经历了用TT1 Blocks测试的每个阶段，并将介绍我遇到的问题。

建立一个高等教育的头条

刚开始的时候，我遇到了第一个问题，后来发现这并不是一个问题。互联网之神决定给我开个玩笑，不允许我编辑网站标题和网站描述这两个模块。我真的希望我的虚构的大学是 “古腾堡大学”，但我不能在不保存我的进展和刷新浏览器标签的情况下这样做。我无法复制这个问题，所以我希望这只是一种侥幸。

使用导航块似乎仍然是网站编辑中最麻烦的地方。我知道开发团队在这个功能的用户体验方面做了多少工作，但不禁要问，是否有一个点，用户可以选择通过WordPress的传统导航菜单屏幕来管理其内容（链接）。网站编辑器在设计方面工作得很好，但我还没有感觉到用它来管理链接。

这个阶段的测试需要添加多个页面链接，作为顶级和子菜单项目。当点击 “+”按钮来添加链接时，我的第一直觉是搜索页面本身。然而，可用的字段是块状搜索，而不是页面搜索。

要添加一个实际的链接，用户必须首先添加页面链接块。然后，他们可以搜索一个特定的页面。这个两步的过程每次都能让我满意。

我遇到了测试呼吁中提到的导航菜单的问题，在Columns块内使用时，项目之间没有空间。承认这一点让我这个纯粹主义者感到痛苦，但我不得不在每个项目之间使用间隔块来解决这个问题。我不需要在我的自定义主题中这样做，因为，我猜想，我在某处解决了这个问题。

项目之间的空间 “选项也未能与导航块一起使用，毁掉了我早期的一个设计想法。我决定走不同的方向。

在 “搜索 “块中使用右对齐并不奏效。因此，我使用了100%的宽度选项，将其与我的右对齐的导航菜单对齐。

一次又一次地，我需要依靠间隔块来进行调整。部分原因是默认的边距和衬垫在不同的块之间是不一致的。几乎每一个块上都缺少的边距控制也在其中起了作用。这并不特别值得注意。开发团队已经意识到并正在努力扩展间距控制–对我们中的一些人来说，他们只是不能快速到达这里。

间距问题是导致我抛弃TT1块状物并改用自定义主题的原因。下面的截图是我与前者的最终作品。你可能会注意到在导航菜单组和它下面的标题图片之间有一个绿色的空白背景。

无论多少技巧或重新排列的块似乎都不能消除这些空间，我根本无法忍受。我已经用自己的主题解决了Gutenberg的90%的间距问题，不觉得要写任何新的CSS来解决这个问题。转换也意味着我可以摆脱我的几个间隔块了。

除了添加头像之外，我还做了一个修改，就是跳过了为最新的 “Covid更新 “添加按钮块。我不忍心看TT1块过度使用填充物的情况。相反，我在导航块旁边的一列中嵌套了一个带链接的段落。

一如既往，我很享受这个过程。这篇文章的目的是对特定的领域进行批评，希望它能帮助建立一个更好的WordPress。尽管它有很多缺点，但许多其他部分提供了坚实的用户体验。总的来说，Gutenberg的开发团队继续给人留下深刻印象。