深入了解书评块插件

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

该插件几乎与封面上所说的一样.它旨在评论书籍.它通常包含用户可能需要添加到他们的评论中的所有字段,例如标题、作者、图像、评级等.有趣的是,它可以用一个简单的 ISBN 值自动填充这些细节.此外,它还支持架构标记,这可能有助于 SEO.

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

诚然,当我为 Rhthym of War 插入 ISBN 时,我很兴奋,这是我有史以来最喜欢的奇幻系列的第四本书 The Stormlight Archive.我只需要点击"获取图书详情"即可.按钮.

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

书评块的默认输出.

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

Book Review Block 是一个很好的起点.它简单易用.我还没有称它为很棒插件.但是,它可能是.

不足

插件的书评块应该从核心媒体 & 获取线索.文本块.当你深入了解它时,两者在视觉上本质上是在做同样的事情.两者都是具有图像和一些内容并排放置的块.

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

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

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

其他一致的问题之一是插件加载的书籍图像总是有点小.与插件相比,这似乎更像是来自 Google Books API 的问题.每次我测试一本书时,我都会选择添加一个更大的图像-mdash;该插件确实允许您替换默认设置.

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

Book Review 块包裹在 Group 块中.

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

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

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

使用 Media & 创建的书评部分文本块.

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

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

媒体&文本块给了我更多的设计里程.

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

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

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

最好的块之一,可以保留这种自由,来自 Recipe Block 插件.它具有结构化的输入和字段.但是,它允许最终用户将自由形式的内容制作成自己的内容.

当区块作者超越这种僵化时,用户就会获胜.

4
订阅评论
提醒
0 评论
内联反馈
查看所有评论