潜入书评块插件

已发表: 2020-10-16

Book Review Block 插件由 Automattic 的产品管理员 Donna Peplinskie 创建,已有近三年的历史。 然而,我只是在最近一次寻找有趣的块插件时才注意到它。

该插件的功能与封面上所说的差不多。 它旨在审查书籍。 它通常包含用户可能需要添加到评论中的所有字段,例如标题、作者、图像、评级等。 有趣的是,它可以用一个简单的 ISBN 值自动填充这些细节。 另外,它支持 Schema 标记,这可能有助于 SEO。

无论风雨无阻,生病或健康,我每天都阅读。 我现在距离连续两年的阅读时间还有一个半月的时间。 当心情来临时,我什至冒险写一篇书评。 尽管我想与社区分享有趣的 WordPress 项目,但有时我有个人动机来测试和编写诸如 Book Review Block 之类的插件。 任何可以帮助我或其他热心读者与他人分享我们对文学世界的看法的东西都是令人感兴趣的。

不可否认,当我为《战争旋律》插入 ISBN 时,我很兴奋,这是我最喜欢的奇幻系列即将出版的第四本书,风暴之光档案。 我只需要单击“获取图书详细信息”按钮。

成功! 该插件发挥了魔力并提取了必要的信息。 它有我最喜欢的作者的名字、出版商、即将发布的日期和页数。 它甚至有很长的描述,我可以在编辑器中删减。

在 WordPress 编辑器中使用书评模块。
Book Review 块的默认输出。

在成功之前,需要做一些工作才能做到这一点。 要自动提取图书详细信息,最终用户必须拥有来自 Google 的 API 密钥。 我花了大约一分钟来设置它并将其输入到块选项侧边栏中的可用字段中。 该插件的好处在于它保存了这个密钥,这样用户就不必在每次想要查看一本书时输入。

Book Review Block 是一个很好的起点。 它简单易用。 它还没有到我认为它是一个很棒的插件的地步。 然而,它可能是。

短期下跌

插件的书评块应该从核心媒体和文本块中获取线索。 当你深入了解它时,两者在视觉上基本上是在做同样的事情。 两者都是具有图像的块,并且一些内容彼此相邻。

以下是应遵循核心领导的项目列表:

  • 无法编辑替代文本(自动使用书名)。
  • 图像总是左对齐,内容右对齐,无法翻转它们。
  • 媒体和内容在移动视图上不可堆叠。
  • 无法调整图像或内容列的大小。
  • 虽然支持内联富文本控件,但用户无法将标题、列表或段落块添加到内容区域并使用其关联的块选项。

这是可以为用户体验提供一些快速改进的候选名单。 最终,插件的问题基本上归结为没有提供自定义输出的方法。

另一个一致的问题是插件加载的书籍图像总是有点小。 这似乎是 Google Books API 的一个问题,而不是插件。 每次我测试一本书时,我都会选择添加一个更大的图像——该插件确实允许您替换默认值。

颜色设置是有限的。 该块仅提供背景颜色选项,无法调整文本颜色。 对于插件用户来说,一个更好的选择是将它包装在一个组块中并在那里调整背景和文本颜色。

在 WordPress 编辑器中将 Book Review 块包装在 Group 块内。
Book Review 块包裹在 Group 块中。

拥有广泛且完全对齐的选项也很好,这是许多块插件作者经常忽视的功能。

使用媒体和文本块重新创建书评块

Book Review Block 插件有很大的潜力,我希望看到它通过为最终用户提供更多的灵活性而发展。 因为媒体和文本块是最接近插件提供的核心块,所以我决定用它重新创建一个更具视觉吸引力的设计。

使用编辑器中的媒体和文本块创建书评部分。
使用媒体和文本块创建的书评部分。

我在内容方面做了一些调整。 我为书名使用了 Heading 块,为书的元数据使用了 List 块,为描述使用了 Paragraph 块。

媒体和文本块还为我提供了调整对齐方式、在移动视图上堆叠图像和内容以及修改图像大小的自由。 另外,它具有用于自定义图像 alt 属性的所有重要字段。

媒体和文本块给了我更多的设计里程。

但是,核心块存在限制。 它没有完全捕捉通过书评块提供的一些功能。 最明显的是通过 ISBN 和 Schema 标记的自动书籍详细信息。 不太明显的是,没有简单的方法来重新创建星级——我使用了表情符号星——而且长描述文本不会包裹在图像下方。 要重新创建它,您必须选择使用左对齐的图像,然后是内容。

总体而言,媒体和文本块使我能够更好地设置输出样式,这是我作为用户更感兴趣的内容。 我想把我独特的想法放在事情上。 这就是书评插件失灵的地方。 这也是插件作者可以迭代的东西,在未来提供更多的灵活性。

这是许多块插件出错的地方,特别是当用户应该输入超过一到两位数据时。 块在许多方面代表自由。 但是,当插件开发人员坚持僵化的结构时,用户有时会失去构建页面时所拥有的那种自由感。

最好的块之一,放下手,保留这种自由是来自配方块插件。 它具有结构化的输入和字段。 但是,它允许最终用户制作自己的自由格式内容。

当区块作者超越这种僵化时,用户就赢了。