今天,Jeffrey Carandang 发布了 WP Block Builder,这是一个供开发人员开始构建 WordPress 块的 npm 脚本。它只是块状脚手架工具中的许多此类脚本之一,但 Carandang 可能只是对其他脚本有经验和影响。到目前为止,开发人员已经下载了 500 多次他的自定义设置。

希望了解幕后情况的开发人员也可以在 GitHub 上查看该项目。

如果不在 WordPress 块空间中遇到 Carandang 的一些工作,几乎不可能进入 WordPress 的构建块。去年年底,他通过尝试一些想法为其他开发者铺平道路,从而创建了 ShareABlock 社区。编辑器套件。他与他人共同创立了 CoBlocks,GoDaddy 于 2019 年将其收购。而且,这只是冰山一角——是的,他参与其中。

现在,他决定在这个越来越拥挤的领域开始一段积木的剧本。核心 WordPress 有自己的脚本。 WebDevStudios 最近推出了一个自定义分支,其中的一些分支与 WordPress 生态系统中的其他一些分支一起,在启动块构建过程时每个分支都略有不同。但是,当 WordPress 领域的一位专家发表他关于设置开发人员的想法时,至少值得研究一下。

“我最初为自己创建了这个工具,因为我在创建 Gutenberg 块插件时一直重复类似的过程,”Carandang 说。 “然后,在构建它时,我认为如果它向公众发布会对其他人有所帮助,因为配置最少,会更容易专注于构建块。以我的经验,设置 webpack config 需要时间有时会令人沮丧。”

Carandang 在构建块方面拥有丰富的经验,因此我相信他添加了所有有助于加快开发过程的额外小部件。

与许多类似的脚本不同,WP Block Builder 默认提供了两个示例块。一种是处理此类脚本常见的典型静态内容。但是,第二个是动态服务器端块。这允许开发人员构建具有两种操作要求的两种不同的块类型。其他脚本也倾向于专注于启动单个块插件,这通常用于发布到 WordPress 块目录。如果需要,WP Block Builder 提供了启动带有多个块的插件的路径。

“我的目标是让第一次使用块的开发人员能够轻松创建块,但我也为高级用户创建了一个示例动态块,”Carandang 说。熟悉的社区的每一部分都提供了一个很棒的游乐场。”

Carandang 希望开发人员直接进入构建块。他想在不妨碍技术的情况下将一些乐趣带回实验中,这通常意味着只需要花几个小时就可以安装构建工具。

“我正在迎合我第一次开始创建 WordPress 主题时的感觉,”他说。如果你把它搞砸了,我可以重新安装它。”

Carandang 说他还没有收到任何问题报告,所以发布日正在顺利进行。他期待看到开发人员将来构建什么模块

“目标是足够通用,以帮助开发人员立即开始创建块插件,”他说。“我仍在等待一些反馈来帮助改进流程,但是到目前为止它看起来不错。”

设置块插件 动态块在 WP Block Builder 代码中。

WP Block Builder 是核心 WordPress Create Block 脚本的一个分支。它包括一些额外的 npm 包,但也很重于通过 Composer 安装多个 PHP 包。这些主要是为了确保开发人员遵循编码标准。

设置很简单。开发人员只需运行 npx wp-block-builder 命令即可启动该过程。运行命令后,WP Block Builder 会向开发人员提出一系列设置以下字段的问题:

  • Block
  • Namespace
  • Block Title
  • 描述
  • 作者姓名
  • 插件许可证
  • 版本号

一旦安装,插件将有两个模块进行试验。第一个块是带有文本和背景颜色设置的基本容器。它还支持宽对齐和完全对齐。它的工作方式类似于核心 WordPress 组块。我更喜欢这个起点而不是标准段落模块。

第二个块是动态帖子列表。它提供了足够的复杂性来理解动态块的工作原理,同时使用大多数 WordPress 开发人员都非常了解的概念:查询和迭代帖子。此块有一个用于更改帖子数量的自定义选项。

使这两个模块可用的目的是让插件开发人员首先进入代码。打破东西。实验。学习编码。

从长远来看,Carandang 希望这个过程对开发者来说会更好。 “我与 Gutenberg 团队的 Grzegorz Ziółkowski 和 Fabian Kägy 保持联系,”他说,他们正在创建一种更好的方法来直接使用 @wordpress/create-block 支持外部 npm 包。这对 Block Builder 和 Gutenberg 都有帮助,将有助于改善 Gutenberg 插件开发生态系统。 "

喜欢这样:

喜欢正在加载...

资源