FSE Outreach #13:从 WordPress 站点编辑器构建作者模板

安妮麦卡锡 宣布第 13 轮 FSE 外展计划 3 月 31 日。此次测试呼吁的重点是通过站点编辑器创建作者模板。 本轮使用的一些新功能仅在 古腾堡 12.9 上个星期。

该电话要求志愿者在登陆 WordPress 之前测试与完整站点编辑相关的功能并提供反馈。 任何人都可以参加,截止日期为4月21日。

在这一轮测试中,我使用了 Archeo 块主题. 这是最近的最爱,我一直在使用它 自从我第一次审查它.

以下是我最终作者模板设计的截图:

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor FSE Outreach #13:从 WordPress 站点编辑器构建作者模板

我通读了测试说明并开辟了自己的道路。 我仍然设法涵盖了除块锁定之外的所有内容。 我已经在 Gutenberg 12.9 的发布中对其进行了广泛的测试,并希望专注于其他功能。

除了下面提到的用户体验问题之外,一切都很顺利。 没有编辑器崩溃。 保存没有问题。 前端与我在编辑器中看到的相匹配。

构建作者模板

创建新作者模板时最直接的问题是它没有默认块。 页眉和页脚至少在哪里?

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-1 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板一个空白画布开始。

如果我从头开始构建一些东西,那么空模板将是有意义的。 然而,这不是一个从零开始的项目。 它是从具有现有 archive.html 和 index.html 文件的主题构建的,它们是模板层次结构中的祖先。

由于作者模板只是存档模板的一个更具体的版本,它应该是其在层次结构中的“父”的副本。

用户很可能希望进行修改而不是从头开始。 使用祖先模板作为基础意味着它们不太可能不必要地偏离现有布局,尤其是对于更复杂的设计。

我采取的第二组操作是返回模板面板,打开存档模板,复制所有内容,并将其粘贴到新的作者模板中。

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-2 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板复制作者模板的内容。

至少从开发人员的角度来看,这虽然有点烦人,但很容易做到。 然而,它是一块巨大的巨石,位于用户成功之路的中间。

对于设计,我选择了永远值得信赖的 Cover 块。 我抓到了一张符合主题风格的图片。 然后,我将 Avatar、Archives Title 和 Post Author Biography 块放在两列中。

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-3 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板创建自定义作者存档页面标题。

我花了一些时间思考作者、类别和标签的特色图像的想法。 如果封面块背景是根据当前作者上下文显示的,那该有多棒? 不幸的是,不存在这样的功能。

我很惊讶 Avatar 和 Post Author Bio 模块起作用了。 我在查询循环内部和外部测试了这些。 当作者发布帖子时,这两个块会按原样显示。

但是,如果作者没有发布任何帖子,则头像将恢复为站点默认值,并且简历会消失。 我没有深入研究代码,但我猜他们选择了 WordPress 的全局 $post 变量,这就是它在第一个场景中工作的原因。

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-4 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板未发表的作者缺少头像和作者简介。

这个限制意味着块系统仍然无法达到目前经典的基于 PHP 主题的水平。 Avatar、Post Author Biography 和类似块在查看作者档案时应依赖查询的作者变量作为后备。

此 FSE 测试轮的一部分是使用 Gutenberg 12.9 中新的 No Results 块。 这是一个条件块,当没有要显示的帖子时出现。 WordPress 为网站上的每个用户创建“作者视图”,无论他们是否写过帖子。 在这种情况下,无结果块可能是最有用的。

起初使用积木感觉很奇怪。 它去哪儿了? 在帖子模板之后? 前?

事实证明,您实际上可以将其粘贴在 Query Loop 父块内的任何位置。 我什至在分页前后进行了测试。 基本上,它只是工作。

用户界面留下了一些不足之处。 它简单地写道:

添加在查询未返回结果时将显示的文本或块。

除了明显的语法错误之外,显示消息是必要的,但我希望它看起来和感觉更像 Group 块。 毕竟,它本质上是其他块的容器,而 WordPress 已经为此提供了现有的 UI。

在视觉上编辑有条件显示的功能也很奇怪。 应该有一个指示器,它的内容可能会或可能不会显示在前端。 我不知道核心 WordPress 中有这样一个块的任何先例,但我们应该看看其他项目以及他们如何处理这个问题。

阻止可见性 Nick Diego 的插件可能是一个可以借用的插件。 它为上下文块添加了覆盖、边框和图标:

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-5 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板来自 Block Visibility 插件的叠加设计。

最终,我决定从她的测试中复制 McCarthy 的原始消息并将其粘贴到 No Results 块中。 然后,我更进一步,在其中放置了一个查询循环——是的,一个查询循环内部的查询循环。

它没有问题地工作:

fse-outreach-13-building-an-author-template-from-the-wordpress-site-editor-6 FSE Outreach #13:从 WordPress 站点编辑器构建作者模板未找到结果时查询最新帖子。

总体而言,No Results 块是主题块工具集的一个受欢迎的补充。 我希望看到 UI 更加充实。 当 6.0 登陆时,主题作者可能会开始更多地使用它,我可以看到用户无意中尝试删除它,认为它是默认输出的一部分。 这将使它成为块级锁定的候选者。

资源

Total
0
Shares
相关文章