使用 ElmaStudio 的最新块插件构建通知横幅

今天早些时候,我和一位朋友讨论了是否需要更多一次性块插件.他曾提到 WordPress 具有强大的块搜索功能,但很少能找到任何有用的东西.大多数是未出现在结果中的集合的一部分.这是一个更广泛的对话的一部分,我相信我会在另一天解决.

然而,它提醒我,我有几个 ElmaStudio 的块插件放在待办事项中,并附有一些注释.三周前,该团队发布了 Aino Accordion FAQ Block 和 Aino Notification Banner Block.后者比前者更能激起我的兴趣.

插入错误通知.

Ellen Bauer 和 Manuel Esposito 的两人团队本可以继续在他们现有的 Aino Blocks 插件中积累一个集合.相反,他们转向了很少有人走过的路.他们现在正在发布单一用途的块.

“从现在开始,我们也计划开发更小的附加单块,” Bauer 在我对他们的主题和块库的最后评论的评论中说."构建更复杂的块页面模板所需的块."

通知框是如此普遍,以至于您几乎想知道为什么它们不是核心 WordPress 的一部分.许多块收集插件捆绑了一个或多个,但很难找到作为单个块的可靠解决方案.

块有六种状态可供用户选择:

  • 欢迎
  • 信息
  • 帮助
  • 成功
  • 警告
  • 错误

每个状态都有自己的图标和默认颜色.颜色是可定制的,但图标本身不是.我是这个决定的粉丝,因为这意味着我必须少做一个选择.还有一个选项可以隐藏图标并在填充和轮廓版本之间切换.

测试不同的通知状态.

该块还显示"解雇";按钮供访问者关闭前端的横幅.状态没有保存,所以如果访问者返回页面,它会重新出现.我希望将来有一个选项可以在浏览器中存储横幅状态.

我喜欢这个插件的简单性.默认输出适用于大多数主题,但它有足够的选项供用户自定义.

即将推出的站点编辑器是该插件真正发挥作用的地方.当然,用户需要一个块主题才能在那里使用它,例如 ElmaStudio 的 Aino.该块提供了一种快速简便的方法,可以在网站顶部放置诸如销售横幅之类的东西.

在网站顶部添加销售横幅.

当然,我确实有一些挑剔的地方.这些不是使插件无法使用的OMGBBQ 问题.相反,它们是可以改进的地方.

由于许多主题使用上边距方法来实现垂直节奏,因此可能会破坏图标和段落的对齐方式.插件应该将其归零.

如果其他人遇到此问题,以下 CSS 是一个快速解决方案:

.wp-block-ainoblocks-notification-block.content-wrapper p:first-of-type {
    margin-top: 0;
}

该插件的缺点之一是其自定义边框和填充系统.从开发的角度来看,我更喜欢引擎盖下的插件系统,它使用一组精选的值来防止用户做一些真正疯狂的事情.它提供了灵活性和理性选择之间的平衡.

插件的自定义控件.

我认为大多数设计控件都应该有这样的系统—与字体大小和颜色相同的地方 — 恶心.然而,古腾堡和核心已经朝着不同的方向发展,在一系列预设中更喜欢任意用户定义的值.插件作者应该为用户着想.

作为用户,我更喜欢一致性.我希望界面是相同的,无论我是在处理核心块还是第三方块.必须学习多种方法来添加填充或更改边框会造成不必要的摩擦.

插件的自定义系统也与主题作者可以在其 theme.json 文件中定义的默认块样式冲突.WordPress 设定的标准在插件和主题之间架起了一座平台,这是该平台以前从未有过的.遵循它的块开发者越多,主题设计者就越容易在系统内工作.

还有其他选择.上周,Alert Box Block 插件登陆了目录.它提供了更多的图标选项和更多的设计控件.然而,它的用户界面与 WordPress 标准如此不同,我无法想象使用它.

当我谈论 Aino Notification Banner 的问题时,必须考虑到上下文.我指出问题是因为我看到了它的潜力.我希望开发人员继续迭代它,改进已经是最好的选择之一.ElmaStudio 已经证明它可以在早期项目中做到这一点,所以我期待插件在未来的样子.目前,对于需要显示通知框的用户来说,这是一个不错的选择.

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