WordPress开发者可为WordPress区块模式目录做贡献

即将推出的模式目录将于7月与WordPress 5.8一起发布。目标是立即为用户提供几种高质量的设计。但是,在目录启动之前,不会打开正式的提交过程。在这种先有鸡还是先有蛋的场景中,设计团队要求早期贡献者通过GitHub提交他们的候选模式。

“该项目需要一系列高质量、多样化、社区设计的模式来在开发过程中填充它,”Kjell Reigstad在公告帖子中写道。“这些模式将为存储库的质量定下基调,并使目录在发布后对人们有用。”

除了Reigstad,Beatriz Fialho和Mel Choyce-Dwan已经添加了几个块模式,它们现在可以通过Gutenberg插件获得。

block-patterns-1

当前的几种块模式

三人还提交了18个当前潜在模式中的大部分。虽然到目前为止他们已经完成了扎实的工作,但该目录需要来自社区的更多样化的设计集才能推出。

创建模式不需要编码技能,可以直接通过区块编辑器进行。只需设计、复制和提交即可。该团队已经有一个用于提交模式的GitHub模板。如果它们是您创作的一部分,请务必使用CC0(公共领域图像。

pattern-copy

从WordPress编辑器复制模式

我周围有40到50个模式。你可以说我在空闲时间一直在涉足块模式设计的艺术。其中许多模式依赖于自定义区块样式,因此它们不适合目录。但是,我有几个足够通用的提交。

与往常一样,我会尽可能地提前支付。因此,我今天使用“2021”主题清理了几个模式并将它们提交以供收录。

第一个是“关于我”或“与我联系”框的三栏部分。这是我最喜欢玩的游戏之一。

about-me-pattern

关于我的box

它与我的原始设计不符,但我喜欢它的结果。如果你读过我过去关于积木和模式的任何文章,我听起来像是一个破纪录。但是,我必须为那些前 100 次没有听到消息的人说这句话。区块模式的主要限制因素是几乎所有块都缺乏间距选项。

像Group和Column这样的区块有填充控件,这是一个很好的功能。然而,垂直边距选项是目录如预期那样成功实现其目标的必备条件。

我的第一个模式就是一个典型的例子。我的原始模型缩小了标题和副标题之间的差距。在我的提交中,我通过设置行高来收紧空间,但我需要一个选项来将垂直边距归零。

如果将其与使用一些尚不可用的功能构建的原始想法进行比较,您可以看到整体布局的间距有多大改进。

about-me-pattern-orig

具有更严格边距控制的“关于我”的原创框

我的第二个模式Team Social Cards在Image和Separator区块之间遇到了同样的问题。那里的差距更多地与2021主题点不一致的间距有关。

team-social-cards

我可能会重新审视长颈鹿的照片,但它在我身上成长。很好玩。另外,最终用户实际上是要替换它的。

在这个早期阶段我可能会再提交一两个,一旦模式目录正式开放,我肯定会贡献更多。现在,我希望看到我们才华横溢的设计社区为WordPress项目回馈一些东西。这是一种非常简单的贡献方式,没有编码要求——只需一点时间。via Justin Tadlock

评论留言