使用 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 已经证明它可以在早期项目中做到这一点，所以我期待插件在未来的样子.目前，对于需要显示通知框的用户来说，这是一个不错的选择.