由 Tiles 团队完成的进度条块插件

一段时间以来,我一直在寻找一个不错的进度条解决方案。 它们中的大多数都捆绑在大型块库中,需要我再安装 20 或 30 个我不需要的块。 其他人似乎完全错过了奇怪的配置和块选项。 剩下的一些插件仍然使用简码和小部件,但已经是 2021 年了。我正在寻找一个块。

几天前,该 瓷砖进度块 降落在目录中。 它似乎是名为 Tiles 的大型项目的一小部分。 我从一开始就一直关注团队的工作 设计和模式框架插件 上周推出。 该项目仍处于测试阶段,只有时间才能证明它是否会成为区块空间中的竞争项目。

然而,团队的新进度条块正是我想要的。 除了一个错误,我 报告给开发商,我没有发现严重的问题。

该插件执行它在罐头上所说的。 它注册一个进度条块:

a-progress-bar-block-plugin-done-right-by-the-tiles-team 由 Tiles 团队完成的进度条块插件带有默认颜色的小进度条和大进度条。

开箱即用,它包括 Small 和 Large 样式,允许用户调整栏的大小。

它的优势在于——我再怎么强调也不为过——块的内容在编辑器画布区域内是可编辑的。 这包括标签和百分比。 与许多其他要求用户跳回块选项侧栏以更改简单文本的其他更改相比,这是一个令人耳目一新的更改。 由于块使用富文本字段作为其标签和百分比,因此最终用户可以使用粗体、斜体等内联格式工具。

该块还使用来自核心 WordPress 的标准排版和调色板控件。 这提供了对主题字体大小和颜色的访问。

a-progress-bar-block-plugin-done-right-by-the-tiles-team-1 由 Tiles 团队完成的进度条块插件添加自定义标签、百分比和颜色。

此外,用户可以选择宽和全宽布局,这是块插件中经常被忽视的功能。

总的来说,我正在挖掘这个块插件。 如果我有一个功能请求,那就是添加一个 border-radius 选项。 默认情况下,进度条是圆角的,但有些用户可能更喜欢方角。

扩展块

在主题预览中,我几乎总是看到进度条与演示的假开发人员学习了多少 PHP、HTML 和 JavaScript 一起展示。 它很少是进度条的真实表现。 你如何量化你掌握了多少编码语言? 我已经这样做了将近二十年,无法回答这个问题。

进度条应该是可衡量的。 例如,某人在在线学习课程中采取的步骤、收到的捐款总额的百分比以及可以计算的任何数量的事情都更加现实。

我最喜欢使用的进度条也恰好在我的 最喜欢的小说家网站. 我喜欢关注 Brandon Sanderson 的作品,期待着我的下一个文学修复(是的,我是一个粉丝)。

a-progress-bar-block-plugin-done-right-by-the-tiles-team-2 由 Tiles 团队完成的进度条块插件布兰登·桑德森的写作进展。

目前,Tiles Progress Block 不能处理那个确切的布局。 但是,因为它是建立在块系统上的,并且不会做任何与众不同的事情,主题作者可以使用自定义样式来更改它。

而这正是我所做的。 我的 Sanderson 风格的书进度条(粗糙的,未经打磨的 可作为 Gist 使用的代码):

a-progress-bar-block-plugin-done-right-by-the-tiles-team-3 由 Tiles 团队完成的进度条块插件具有自定义块样式的进度条。

我喜欢块系统的一点是,主题者可以通过这种方式扩展块。 无需检查活动插件、加载额外的每个插件样式表或找出每个插件的独特系统。

如果一个块被编码为当前的标准,主题作者只需要使用他们自己的风格。 然后用户可以通过编辑器选择这些样式,甚至将它们设为默认样式。

我想从块插件生态系统中看到更多。

像这样:

喜欢加载…

来源

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021061146184.html