使用技巧

使用WP Block Builder脚本构建静态或动态块

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

希望在幕后偷看的开发人员也可以查看 GitHub上的项目

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

现在,他决定在一个越来越拥挤的领域启动一个构建块的脚本。 核心WordPress 有自己的脚本。 WebDevStudios最近 推出了一个定制叉子 其中,还有其他一些人在WordPress生态系统中徘徊,每个人在启动区块构建过程方面的做法都略有不同。 但是,当WordPress领域的专家之一发布自己的关于建立开发人员的想法时,至少值得研究一下。

“我最初为自己创建了此工具,因为在创建Gutenberg块插件时我一直重复类似的过程,” Carandang说。 “然后,在构建它时,我认为如果将其发布给公众会对其他人有所帮助,因为只需最少的配置,集中精力于构建基块就会更容易。 根据我的经验,设置webpack配置会花费一些时间,有时会令人沮丧。”

Carandang在积木方面拥有丰富的经验,因此我相信他添加了所有有助于加快开发过程的小附加功能。

与许多类似的脚本不同,WP Block Builder默认提供两个示例块。 一种是处理此类脚本常见的典型静态内容。 但是,第二个是动态的服务器端块。 这使开发人员可以构建具有两种运行要求的两种不同的块类型。 其他脚本也倾向于将重点放在启动单一块插件上,这对于将其发布到WordPress块目录中是很典型的。 如果需要,WP Block Builder提供了启动具有多个块的插件的路径。

Carandang说:“我的目标是使首次使用区块的开发人员可以轻松创建一个区块,但是我还为高级用户创建了一个示例动态区块。” “这将为试验和熟悉街区的每个部分提供一个很好的游乐场。”

Carandang希望开发人员能够直接涉足构建基块。 他希望在不妨碍技术的情况下将一些乐趣带回试验中,这通常意味着仅仅花费几个小时就可以将构建工具安装到位。

他说:“我正迎合我刚开始创建WordPress主题时的那种感觉。” “那些时候我更改代码以了解它们的工作方式,并且足够自信,如果我结束了将其弄乱的话,我可以重新安装它。”

Carandang表示他尚未收到任何报告的问题,因此发布日正在顺利进行。 他很期待看到基于他的设置的开发者在将来构建什么模块。

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

设置块插件使用wp-block-builder脚本构建静态或动态块使用WP Block Builder脚本构建静态或动态块WP Block Builder中的动态块代码。

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

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

  • 命名空间
  • 区块标题
  • 描述
  • 作者姓名
  • 插件许可证
  • 版本号

安装后,该插件将有两个模块可供实验。 第一块是带有文本和背景颜色设置的基本容器。 它还支持广泛和完全对齐。 它的工作方式类似于核心WordPress Group块。 与标准段落模块相比,我更喜欢此起点。

第二个块是动态帖子列表。 它提供了足够的复杂性,以了解动态块如何工作,同时使用大多数WordPress开发人员都足以理解的概念:查询和遍历帖子。 该块具有用于更改帖子数量的单个自定义选项。

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

从长远来看,Carandang希望该过程对开发人员来说会更好。 他说:“我与古腾堡团队的GrzegorzZiółkowski和FabianKägy保持联系,”他们正在创造一种更好的方法,以直接使用@ wordpress / create-block支持外部npm软件包。 这对于Block Builder和Gutenberg都是有帮助的,并且将有助于改善Gutenberg插件开发生态系统。”

像这样:

喜欢加载中……

资源